/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,500,500i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Mansalva&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800&display=swap');


body {
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	text-rendering: optimizespeed;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}


@font-face {
    font-family: 'segoepr_3';
    src: url('fonts/segoepr_3.eot');
    src: url('fonts/segoepr_3.eot') format('embedded-opentype'),
         url('fonts/segoepr_3.woff2') format('woff2'),
         url('fonts/segoepr_3.woff') format('woff'),
         url('fonts/segoepr_3.ttf') format('truetype'),
         url('fonts/segoepr_3.svg#segoepr_3') format('svg');
}


* {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}
ul, ul li, a {
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a:hover, a:focus {
	text-decoration: none!important;
	outline: none !important;
}
.header_frame {
	width: 100%;
	top: 0px;
	position: relative;
	z-index: 1;
	height: 63px;background: #e62129;
}
.logo{width:10%; float: left; max-width:99px;}
.logo_div {
	width: 20%;
	float: left;
	position: relative;
	min-height: 167px;
}
.logo_div .logo_img {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
.logo_div .logo_img a {
	display: block;
}
.logo_div .logo_img:before, .logo_div .logo_img:after {
	content: '';
	background:linear-gradient(to bottom, #cb0c14 0%, #bb2128 100%);
	position: absolute;
	height: 60px;
	width: 500px; border-bottom: solid 2px #8abd35;
	top: 0;
}
.logo_div .logo_img:before {
	right: 100%;
}
.logo_div .logo_img:after {
	left: 99%;
	width: 1000px;
}

@media only screen and (min-width: 1560px) {
.logo_div .logo_img:after {
	left: 99%;
	width: 1300px;
}
}

@media only screen and (min-width: 1860px) {
.logo_div .logo_img:after {
	left: 99%;
	width: 1500px;
}
}
.overlydv {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: transparent;
	opacity: 0;
	display: none;
	transition: opacity .4s ease;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
}



.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

 

.menu-container {
width:100%;
margin: 0 auto;
/*background:linear-gradient(to bottom, #cb0c14 0%, #bb2128 100%);*/

z-index: 999;
border-bottom: solid 2px #8abd35;
padding-bottom: 2px; height: 60px;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before { content: "\f067"; font-family: FontAwesome; display: none; cursor: pointer; float: right; /* padding: 1.5em 2em; */ background: #fff; color: #6d6d6d; font-size: 10px; padding: 18px 20px; margin-top: 9px; }
.menu{width:80%;float: left;}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
text-decoration: none;
padding: 19px 20px;
display: block;
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}

 
.menu > ul > li a:hover {color:#FFD898 !important;
}

.menu > ul > li > ul {
display: none; 
background: #fff;border: solid 2px #8abd35; border-top: none;
padding: 0px 20px 10px 20px;
position: absolute;
z-index: 99;
left:0;
margin: 0;
list-style: none;
box-sizing: border-box;
top:58px; margin-top: 3px;
}

.menu > ul > li a:hover::after {
    color: #FFD898 !important;
}

.menu h4{font-size: 14px; font-weight:500; color: #7d2f2f; border-bottom:  solid 1px #c81018; padding: 10px 0px; width:96%; margin-right: 1%;min-width: 150px;}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li { 
    list-style: none;
    width:auto; max-width:170px;
    background: none;
    float: left; margin: 0px 6px;
}

.menu > ul > li > ul > li a {
    color: #828282;
text-transform: capitalize;
width: 95%;
display: block;
border-bottom: 1px dotted #8abd35 !important;
font-weight: normal; font-size: 13px; padding:6px 0px 6px 0px;
}

.menu > ul > li > ul > li a:hover {
    color: #000!important;
}



.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}


.menu ul > ul > li >a:first-child{ font-size: 18px!important; color: #9B2022!important;}
 

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding:0px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: auto; max-width: 198px;
    left: auto;
    padding: 0px 10px;margin-top: 3px
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
   padding: 6px;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
text-align: left;
position: absolute;
 
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}



.social_icon{width: auto; height: auto; float: right;}
.social_icon ul{width: 100%; height: auto; float: right; margin: 0; padding: 0px;}
.social_icon ul li{width:auto; height: auto; float: left; display: inline; padding:4px; color: #fff;}
.social_icon ul li a{width:auto; height: auto; float: left; display: inline; padding: 10px 0px; color: #fff;}
.social_icon ul li i{width:30px; height:30px; background: #fff; border-radius:15px; line-height: 30px; text-align: center; color:#E62129; font-size: 16px; transition: all ease .5s;}
.social_icon ul li  i:hover{background:#FFC602; color: #000; transition: all ease .5s;}




.carousel_frame {
	width: 100%;
	float: left;
	position: relative;
	margin:16px 0px 0px 0px;
}
 
.carousel_frame .carousel-caption {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
}
 
.carousel_frame .carousel-indicators .active {
	height: 12px;
	width: 12px;
	background: #c80f2e;
	border: none;
	margin: 0px 1px 0px 1px;
}
.carousel_frame .carousel-indicators li {
	height: 12px;
	width: 12px;
	background: rgba(209, 40, 69, 0.5803921568627451);
	border: none;
	margin: 0px 1px 0px 1px;
}
.carousel_frame .carousel-indicators {
	bottom: 10px;
}
.carousel_frame .carousel-inner > .item {
	backface-visibility: unset !important;
	-webkit-backface-visibility: unset !important;
}
.carousel_frame .carousel-indicators .active:after {
	content: '';
	height: 18px;
	width: 18px;
	border: 1px solid #c80f2e;
	position: absolute;
	left: -3px;
	right: 0px;
	bottom: 0px;
	top: -3px;
	border-radius: 100%;
}
.carousel_frame .carousel-indicators .active {
	position: relative;
}



.carousel-control.left {    
    background: #fff;
    height: 40px;
    width: 40px;
    top: 50%;
}
.carousel-control.right {    
    background: #fff;
    height: 40px;
    width: 40px;
    top: 50%;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -18px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -18px;
}
 
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width:30px;
    height: 30px;
    margin-top: -7px;
    font-size: 15px;
}


/*-----middle-details-----*/

.mdl{width: 100%; height: auto; float: left; padding: 60px 0px;}
 

.mdl .col-lg-6 {padding-right: 9px;padding-left: 9px;}
.mdl .col-lg-12 {padding: 10px;}

.button_more{width: 140px; height:40px; background: #d11300; border-radius: 6px; line-height: 40px; position: absolute;left:20px; font-weight: bold; box-shadow: 0px 1px 3px #000;}
.button_more:hover{background: #DC7C11;}




/*-----------services-------------*/

.ssp_frame {width: 100%; float: left;     padding: 18px 0 95px 0px; height: auto;}
.ssp_frame h1 { font-size: 36px;color: #000;text-align: center; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.ssp_frame h3 { font-size: 32px; color: #fff;text-align: center; margin:50px 0px 20px 0px;font-family: 'Roboto', sans-serif; font-weight: 610; background:url(../images/linne.png) no-repeat bottom center; width: 100%;height: 15px;}
.ssp_frame p{font-size: 15px;
color: #fff;
text-align: center;
margin: 10px auto 40px auto;
width: 100%;
max-width: 700px;
font-family: 'Roboto', sans-serif;}
.ssp_frame .car__3 {border: solid 0px #f0e9f9; background: #fff;}
.ssp_frame .car__3 img{width: 100%; height: auto; text-align: center; padding: 25px 16%  0px 16%;}

.ssp_frame .car__4 {border: solid 0px #f0e9f9; background: #fff;}
.ssp_frame .car__4 img{width: 100%; height: auto; text-align: center; padding: 0px 16%  0px 16%;}

.service_frame {width: 100%;float: left;padding: 4% 0px;}
.service_frame h3 {font-family: 'Roboto', sans-serif; font-size: 36px;color: #000;text-align: center;}
.service_frame ul {margin: 20px 0px;padding: 0px;}
.service_frame ul li {padding: 0px;	margin: 0px;}
.servc_caption h4 {font-family: 'Roboto', sans-serif; font-size:18px;color: #cb0c14;text-align: center;	display: block;	margin: 20px 0px 10px 0px; font-weight: bold;}

.servc_caption p {font-family: 'Roboto', sans-serif; font-size: 14px;color: #cb0c14;text-align: center;display: block;line-height: 19px;	margin: 10px 0px 30px 0px;width: 80%;margin: 0 auto;}
.servc_caption p a{ margin-top: 40px;}

.servc_caption {width: 100%;float: left;text-align: center;padding: 0px;min-height: 70px;background: #fff;}
.servc_caption a {    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #cb0c14;
    text-align: center;
    display: block;
    margin: 20px 0px 10px 0px;
    font-weight: bold;
}
.servc_caption a:hover {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; cursor: pointer;color: #000;text-decoration: none;}
 
/*-------csr-----*/


.csr{ height: auto; padding:240px 0px; float: left; width: 100%; }
.csr h1 { color: #3e0000; font-size: 29px; /* font-weight: bold; */ margin-bottom: 0px; color: #fff; cursor: default; background-color: #e2312c; border-bottom-color: transparent; padding: 9px 14px; font-size: 19px; display: inline-block; font-weight: 200; margin-top: 41px; font-family: 'Roboto', sans-serif; }
.csr .carousel{height: auto;}
.csr .carousel-caption{
position:absolute;right:15%; top:20px;left:15%;z-index:10;padding-top:10px;padding-bottom:10px;color:#fff;text-align:center;text-shadow:none;}
.csr .carousel-caption p{color: #48061e; font-size:16px; position: absolute; text-align: center; width: 100%; font-style:italic; float:left; top:150px; font-weight:normal; }
.csr .carousel-control.right {background: url(../images/arrow_right1.png) no-repeat;right: 0px;height: 24px; top:86%;width: 22px;
position: absolute; z-index: 99;opacity: 1;}
.csr .carousel-control.left {background: url(../images/arrow_left1.png) no-repeat;height: 24px; left: 90%; top:86%;width: 22px; position: absolute;z-index: 99;opacity: 1;}
.csr .content {position: absolute;bottom:0; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.8); color:#f1f1f1; width:100%; padding:0px 20px; }
.csr .content h1{color: #fff; font-size:14px; font-weight: normal; margin: 0px; padding: 10px 0px 10px 0px; float: left; width: 80%;}
.csr .content p{color: #cd6900; font-family: 'Roboto', sans-serif; color: #3c3a3a;}

.media{width: 100%; height: auto; float: left; margin: 0px; padding: 0px;}
.media img{width: 100%; height: auto;}


/*-----parallex-----*/
 
#one .scrollable {
  background: url(../images/Banana-Bread.jpg) no-repeat center center;
  width: 100%; background-size: cover;
  height: 100%;
}

#two .scrollable {
  background: url(/new-images/bg-product.jpg) no-repeat 35% 15%;
  width: 100%; background-size: cover;
height: 860px;
}

#three .scrollable {
  background: url(../images/002.jpg) no-repeat center center;
  width: 100%; background-size: cover;
  height: 665px;
}



#four .scrollable {
  background: url(../images/product_page.jpg) no-repeat 50% 50%;
  width: 100%; background-size: cover;
  height:1500px;
}
 	
		
		
.parascroll { min-height: 512px; }

.paraContent { padding: 1em 2em; }

.parascroll {
  position: relative;
  transform: translate3d(0px, 0px, 0px);
}

.paraContent { position: relative }

/* Optional styling */

.scrollList {
  color: #fff;
  font-family: "Helvetica Neue", helvetica, arial, verdana, sans-serif;
  font-size: 1.2em;
  width:100%;
}

ul.scrollList { list-style-type: none; }

ul.scrollList > li { overflow: hidden; }

ul.scrollList,
ul.scrollList > li {
  margin: 0;
  padding: 0;
  position: relative;
}

ul.scrollList > li.inBetween {
  padding: 1em 2em;
  background: #fff;
  color: #333;
}




.scrollable {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
}

 


/*--------footer--------*/

.footer_frame {
	background-color: #cb0c14;
	width: 100%;
	float: left;
	padding: 30px 0px 0px 0px;
	position: relative;
	margin-top: -2px;
}
.list_1 {
	width: 25%;
	float: left;
}
.list_1 h4 {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size:20px; 
	margin: 15px 0px;
}
.list_1 ul {
	margin: 0px;
	padding: 0px;
}
.list_1 ul li {
	list-style: none;
}
.list_1 ul li a {
	margin: 0; background: url(../images/arrow_footer.png) top 4px left no-repeat; padding-left: 15px;
	font-size: 13px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	line-height: 25px;
	font-weight:normal;
	position: relative;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	-moz-transition: .3s ease
}
.list_1 ul li a:hover {color:#fed803;}
.list_1 p{font-size: 13px;color: #fff;font-family: 'Roboto', sans-serif; margin-bottom:8px;}
.copy_right{width: 100%; border-top: solid 1px #ffffff42;line-height: 44px; font-size: 13px; color: #fff; float: left; margin-top: 15px;}
 
.navigate{display:none; position: absolute; right:0px; width:45px; height:60px;}
/* BBurger Menu PAge */
.burgr_menu_banner{float:left; width:100%; position: relative; margin: 0px 0px 0px 0px;}
.burgr_menu_banner figure img{width:100%;}
.burgers_caption {position:absolute;  height:100%; right:0px; left:0px; top:0px; bottom:0px; padding:13% 5%; box-sizing: border-box;  text-align: center;}
.burgers_caption h1{font-size: 21px; color:#fff; font-family: 'Liberation Sans'; font-weight: bold; text-transform: uppercase;  text-align: center;}
.burgers_caption h1 span{color:#f68518; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.burgers_caption h2{font-size: 70px; font-family: 'Liberation Sans'; color:#fff; width:296px;  text-align: center; margin: 0 auto; line-height:65px; font-size: 37px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}




/* CSS 18-09-2019 */
.social-tab {font-size: 15px; color: #757373; font-family: 'Roboto', sans-serif; /* background: #f8f7fc;*/}
.tab-content {padding:13px 5px 5px 5px; border: 1px solid #ddd; border-top: none;background: #fff;}
.social-tab .nav-tabs a{color: #3e0000; font-size: 21px;}
.social-tab	.tab-content img{max-width:100%;}
.social-tab>.nav>li>a{padding: 2px 14px;}
ul.scrollList li#three {min-height: auto;}

/*---21-2019----*/
.social-tab .nav-tabs > li {
    float: left;
    margin-bottom:0px;
    background: #fff;
}

.social-tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff; 
    cursor: default;
    background-color: #e2312c;
   /* border: 1px solid #ddd;
   border-bottom-color: rgb(221, 221, 221);*/
    border-bottom-color: transparent;
}
.social-tab .nav-tabs > li > a {
    margin-right:0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
}





/* Career page */
 

.banner-bg h1{font-family: 'Mansalva', cursive; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.banner-bg .banner-heading {padding: 121px 0 19px 0; color: #fff;}
.banner-bg .banner-heading ul.breadcrumb{background: none;}
.banner-bg ul.breadcrumb {padding: 0px 16px;  list-style: none; text-align: right;}
.banner-bg ul.breadcrumb li {display: inline;  font-size: 16px;}
.banner-bg ul.breadcrumb li+li:before {padding: 8px; color: #fff;  content: ">";}
.banner-bg ul.breadcrumb li a {color: #fff;  text-decoration: none; font-size: 15px;}
.banner-bg ul.breadcrumb li:nth-child(2) a {color: #cb1a13;}
.banner-bg ul.breadcrumb li a:hover {color: #01447e;  text-decoration: underline;}

.career_sec {background: url("../images/career-bg.jpg") no-repeat center center; background-size: cover; padding: 50px 0px; color: #fff; margin-top: 2px;}
.heading-sec {text-align: center;}
.heading-sec h2 {text-align: center; font-family: 'Open Sans', sans-serif; font-size: 37px; position: relative;     display: inline-block; font-size: 37px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.heading-sec h2::after{content: ""; position: absolute; height:2px; width: 36px; color:#fff; border:solid;  bottom: -22px; margin: 0 auto; left: 0; right: 0;}
.content-sec {padding: 30px 0px;}
.content-sec .text-sec p {font-size: 16px;font-weight: 400; line-height: 22px;font-family: 'Open Sans', sans-serif;
}
.content-sec .text-sec p span {font-size: 27px;}
.content-sec .text-sec{position: relative; padding: 35px;}
.content-sec .text-sec::before  {position: absolute;   content: "\f10d"; font: normal normal normal 14px/1 FontAwesome;  font-size: 69px; top: -31px; left: -10px; color: #e0e0e5;}
.content-sec .text-sec::after  {position: absolute;   content: "\f10e"; font: normal normal normal 14px/1 FontAwesome;  font-size: 62px; right: 95px; color: #e0e0e5;}

.content-sec .img-sec {text-align: right; position: relative;}
.content-sec .img-sec::before  { position: absolute; content: ""; width: 69%; height: 97%; border: solid; top: -33px; }
.img-sec img {padding-left: 33px;}

.career-product-outer { background: url(../images/career-slider-bg.jpg) no-repeat center center; background-size: cover; padding: 130px 0px; margin-top: 2px; }
.career-carousel .ssp_frame .car__4, .career-carousel .ssp_frame  .servc_caption {background: #f6f3e5;}
.career-product-outer .carouseller .carouseller__left, .career-product-outer .carouseller .carouseller__right{color: #2d2d2d; top: 147px;}
.career-tab-overlay { background: url(../images/career-tab-bg.jpg); padding: 70px 0px; color: #fff; margin-top: 2px; }
.career-tab-overlay  .nav-tabs>li.active>a, .career-tab-overlay  .nav-tabs>li.active>a:focus, .career-tab-overlay  .nav-tabs>li.active>a:hover{background: #c71919;     color: #fff;}
.career-tab-overlay .nav-tabs>li>a{color: #fff; font-size: 16px;}
.career-tab-overlay .nav-tabs>li>a:hover{color: #fff; background: none;  margin:0px;}
.career-tab-overlay ul.nav.nav-tabs { display: flex; justify-content: center; }


/*CSR*/
.csr_sec{background: url("../images/csr-bg.jpg") no-repeat center center; background-size: cover; padding: 50px 0px; color: #fff; margin-top: 2px;}
.csr_sec  .img-csr{width: 84%; background: red; position:relative;}
.csr_sec  .img-csr img{width:100%;}
.csr_sec .img-csr::after { position: absolute; content: ""; border-left: 11px solid #d8d8d8; right: -10px; height: 96%; top: 20px;}
.img-csr::before { position: absolute; content: ""; border-bottom: 11px solid #d8d8d8; right: -10px; /* height: 100%; */ bottom: -10px; width: 99%; }
.hvr-bounce-in img { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.hvr-bounce-in:hover img, .hvr-bounce-in:focus img, .hvr-bounce-in:active img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.career-pro .ssp_frame .car__4, .career-pro .ssp_frame .car__4 .servc_caption{background: #f5f2e5;} 


/*Contact us*/
.contact-sec{padding: 50px 0px; margin-top: 2px;}
.contact-sec .heading-sec h2::after{color: #cb0c14;}
.contact-sec p {font-size: 16px; color: #6c6c6c; text-align: center; margin: 40px auto 0px auto; width: 100%; max-width: 700px; font-family: 'Open Sans', sans-serif;}
.address p { text-align: left; }
.content-sec .address { border: 2px solid #ddd; padding: 25px 0px 0 25px; }
.content-sec .address::before { content: ""; position: absolute; width: 20px; height: 80px; background: #dddddd; left: -9px; top: 103px; }
.content-sec .address h4 { background: #e62129; color: #fff; padding: 16px 12px; font-size: 16px; font-weight: 400;     margin-right: 5px; }
.content-sec .address h4 span { float: right; }
.content-sec .address p { margin-top: 26px; margin-left: 9px; font-size: 16px; margin-bottom: 25px;color: #5a5757; font-family: 'Roboto', sans-serif;}
.content-sec .address ul.contact-detail { margin-left: 9px; font-size: 16px; color: #5a5757; }
ul.contact-detail .fa { color: #5a5757; margin-right: 16px; }
.content-sec .address ul.contact-detail li { line-height: 25px; }
.content-sec .address p span { font-size: 17px; color: #292828; }
.content-sec .address .addr { margin-bottom: 55px; }
.follow-us { margin: 70px 0 0 0;}
.follow-us h4 {font-family: 'Mansalva', cursive; font-weight: 300; font-size: 33px; color: #6b6969; position: relative; display: inline-block; margin-bottom: 40px;}
.follow-us h4::before { content: ""; position: absolute; width: 170px; height: 1px; color: #969696; border: 1px solid; margin: 0 auto; left: 0; right: 0; bottom: -20px; }
.follow-us h4::after { content: ""; position: absolute; height: 20px; background: #c84d52; width: 50px; border-radius: 12px; border: 1px solid #c84d52; }
.follow-us ul.social_links li img { margin-right: 7px; }
.follow-us ul.social_links li { margin: 3px 0; }
.follow-us ul.social_links li a {color: #676767; font-size: 16px; }
.follow-us h4::after { content: ""; position: absolute; height: 20px; background: #c84d52; width: 50px; border-radius: 12px; border: 1px solid #c84d52; bottom: -27px; left: 0; right: 0; text-align: center; margin: 0 auto; }
.img-map iframe { max-width: 100%; }

/* Menu css 20-09-2019*/
.menu-container {height: auto; width: 100%; left: auto; display: flex; justify-content: space-between; padding: 2px  0px; border-bottom: none;}
.menu {width: auto;}
.logo img { max-width: 98px; }


/*---------------21-09-2019--------*/

.wrapper2 {
display: block;
width: 100%;
background: url("../images/product_page.jpg") no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-attachment: scroll; 
background-size: auto;
background-size: cover;
background-attachment: fixed;
background-position: center center;
position: relative;
top: 0;
left: 0;
height: 100%;
}



.product{width: 100%; margin: 150px auto 60px auto; background:#fffffff7; height: auto; min-height: 300px; padding:40px 20px; color: #000;overflow: hidden;}
.product h1{font-size:22px; text-align: center; width: 100%;font-family: 'Roboto', sans-serif; color: #cb0c14; margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.product h2{font-size:40px; text-align: center; width: 100%;font-family: 'Roboto', sans-serif; color: #404040; position: relative;margin-bottom: 20px; font-size: 37px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.product h2::after{width:10%; max-width: 100px; border-bottom: solid 4px #cb0c14; height: 4px;content: ""; position: absolute;top: 64px;border-width: 4px; left: 0; right: 0; margin: 0 auto;}
.product h3{font-size:20px; text-align: left; width:auto;font-family: 'Roboto', sans-serif; color: #404040; position: relative; margin-top:20px;padding-left: 25px;}
.product h3::before{width:2%;border-bottom: solid 2px #888; border-bottom-width: 2px; height: 4px; content: ""; position: absolute; top: 11px; border-width:2px; left:0;}
.product h3::after{width: 84%;border-bottom: solid 2px #888; border-bottom-width: 2px; height: 4px; content: ""; position: absolute; top: 11px; border-width:2px; left:14%;}
.product p{font-size:22px; text-align: center; width:100%;font-family: 'Open Sans', sans-serif; color: #333; margin: 20px 0 0 0; padding: 20px 5%; color: #000;}

.product h4{font-size:32px; width: 100%;font-family: 'Roboto', sans-serif; color: #404040; position: relative;padding: 20px 4% 0px 4%;}
.product h5{font-size: 24px;width: 100%;font-family: 'Roboto', sans-serif;color: #f00e0e;position: relative;padding: 0px 4%;font-weight: bold;}
.pro_inn{width: 100%; float: left; height: auto; margin-bottom: 10px;}
.pro_inn p{font-size:16px; width:100%; font-family: 'Open Sans', sans-serif; color: #171515; text-align: justify;line-height: 24px;margin: 0px 0 0 0; padding: 20px 4%;}
.pro_inn{width: 100%; float: left; height: auto; margin-bottom: 10px;}
.product_details{width:98%; height: auto; float: left; margin: 15px 0px 15px 15px;}
.product_details ul{width:100%; height: auto; float: left; margin: 0px; padding: 0px;}
.product_details ul li{width:33%; height: auto; float: left; text-align: center; display: inline; min-height: 250px;}
.product_details ul li a{color: #888; }
.product_details h4{width: 100%; height: auto; float: left; font-size:26px; color:#000; margin:15px 0px;}
.product_details .btn-warning {color: #fff;background-color: #ee8c00;border-color: #ee8c00;}



.product_details .btn {
    display: inline-block;
    padding: 6px 22px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius:30px;
}
.product_details .table-responsive{margin: 40px 0px;}
.product_details .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #e41c1f;
}
.product_details .heading{background: #e41c1f; font-size:35px; color: #fff; line-height: 40px; text-align: center;}
.product_details .heading1{font-size:26px; color: #e41c1f; line-height: 40px; text-align: center;}
.product_details .font-size{font-size:20px; color: #9a000a;}
.product_details .font-size1{font-size:20px; color: #9a000a;}




/* CSS 18-09-2019 */
.social-tab {font-size: 15px; color: #757373; font-family: 'Roboto', sans-serif; background: #f8f7fc; margin-top: 40px;}
.tab-content {padding:13px 5px 5px 5px; border: 1px solid #ddd; border-top: none;}
.social-tab .nav-tabs a{color: #3e0000; font-size: 21px;}
.social-tab	.tab-content img{max-width:100%;}
.social-tab>.nav>li>a{padding: 2px 14px;}
ul.scrollList li#three {min-height: auto;}

/* Career page */
.banner-bg{background: url(../images/career.jpg) no-repeat center center; background-size: cover;}
.banner-bg .csr-banner { background: url(../images/csr-banner.jpg) no-repeat center center; background-size: cover!important;}


.banner-bg h1{font-family: 'Roboto', sans-serif; color: #fdfdfd; font-weight: 400;  font-size: 35px}
.banner-bg .banner-heading {padding: 121px 0 19px 0; color: #fff; margin-right: 0;}
.banner-bg .banner-heading ul.breadcrumb{background: none;}
.banner-bg ul.breadcrumb {padding: 0px 16px;  list-style: none; text-align: right;}
.banner-bg ul.breadcrumb li {display: inline;  font-size: 16px;}
.banner-bg ul.breadcrumb li+li:before {padding: 8px; color: #fff;  content: ">";}
.banner-bg ul.breadcrumb li a {color: #fff;  text-decoration: none; font-size: 15px;}
.banner-bg ul.breadcrumb li:nth-child(2) a {color: #cb1a13;}
.banner-bg ul.breadcrumb li a:hover {color: #01447e;  text-decoration: underline;}

.career_sec {background: url("../images/career-bg.jpg") no-repeat center center; background-size: cover; padding: 50px 0px; color: #fff; margin-top: 2px;}
.heading-sec {text-align: center;}
.heading-sec h2 {text-align: center; font-family: 'Open Sans', sans-serif; font-size: 37px; position: relative;     display: inline-block;  font-size: 37px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.heading-sec h2::after{content: ""; position: absolute; height:2px; width: 36px; color:#fff; border:solid;  bottom: -22px; margin: 0 auto; left: 0; right: 0;}
.content-sec {padding: 30px 0px; margin-top: 55px;}
.content-sec .text-sec p {font-size: 16px;font-weight: 400; line-height: 22px;font-family: 'Open Sans', sans-serif;
}
.content-sec .text-sec p span {font-size: 27px;}
.content-sec .text-sec{position: relative; padding: 35px;}
.content-sec .text-sec::before  {position: absolute;   content: "\f10d"; font: normal normal normal 14px/1 FontAwesome;  font-size: 69px; top: -31px; left: -10px; color: #e0e0e5;}
.content-sec .text-sec::after  {position: absolute;   content: "\f10e"; font: normal normal normal 14px/1 FontAwesome;  font-size: 62px; right: 95px; color: #e0e0e5;}

.content-sec .img-sec {text-align: right; position: relative;}
.content-sec .img-sec::before  { position: absolute; content: ""; width: 69%; height: 97%; border: solid; top: -33px; }
.img-sec img {padding-left: 33px;}

.career-product-outer { background: url(../images/career-slider-bg.jpg) no-repeat center center; background-size: cover; padding: 130px 0px; margin-top: 2px; }
.career-carousel .ssp_frame .car__4, .career-carousel .ssp_frame  .servc_caption {background: #f6f3e5;}
.career-product-outer .carouseller .carouseller__left, .career-product-outer .carouseller .carouseller__right{color: #2d2d2d; top: 147px;}
.career-tab-overlay { background: url(../images/career-tab-bg.jpg); padding: 70px 0px; color: #fff; margin-top: 2px; }
.career-tab-overlay  .nav-tabs>li.active>a, .career-tab-overlay  .nav-tabs>li.active>a:focus, .career-tab-overlay  .nav-tabs>li.active>a:hover{background: #c71919;     color: #fff;}
.career-tab-overlay .nav-tabs>li>a{color: #fff; font-size: 21px;}
.career-tab-overlay .nav-tabs>li>a:hover{color: #fff; background: none;  margin:0px;}
.career-tab-overlay ul.nav.nav-tabs { display: flex; justify-content: center; }
.tab-content p { font-size: 15px; /* font-weight: 400; */ line-height: 21px; font-family: 'Open Sans', sans-serif; }
.career-tab .tab-content { padding: 40px 20px; background: #863e06bd; }


/*CSR*/
.csr_sec{background: url("../images/csr-bg.jpg") no-repeat center center; background-size: cover; padding: 50px 0px; color: #fff; margin-top: 2px;}
.csr_sec  .img-csr{width: 84%; background: red; position:relative;}
.csr_sec  .img-csr img{width:100%;}
.csr_sec .img-csr::after { position: absolute; content: ""; border-left: 11px solid #d8d8d8; right: -10px; height: 96%; top: 20px;}
.img-csr::before { position: absolute; content: ""; border-bottom: 11px solid #d8d8d8; right: -10px; /* height: 100%; */ bottom: -10px; width: 99%; }
.hvr-bounce-in img { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.hvr-bounce-in:hover img, .hvr-bounce-in:focus img, .hvr-bounce-in:active img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.career-pro .ssp_frame .car__4, .career-pro .ssp_frame .car__4 .servc_caption{background: #f5f2e5;} 


/*Contact us*/
.contact-sec{padding: 50px 0px; margin-top: 2px;}
.contact-sec .heading-sec h2::after{color: #cb0c14;}
.contact-sec p {font-size: 16px; color: #6c6c6c; text-align: center; margin: 40px auto 0px auto; width: 100%; max-width: 700px; font-family: 'Open Sans', sans-serif;}
.address p { text-align: left; }
.content-sec .address { border: 2px solid #ddd; padding: 25px 0px 0 25px; }
.content-sec .address::before { content: ""; position: absolute; width: 20px; height: 80px; background: #dddddd; left: -9px; top: 103px; }
.content-sec .address h4 { background: #e62129; color: #fff; padding: 16px 12px; font-size: 16px; font-weight: 400;     margin-right: 5px; }
.content-sec .address h4 span { float: right; }
.content-sec .address p { margin-top: 26px; margin-left: 9px; font-size: 16px; margin-bottom: 25px;color: #5a5757; font-family: 'Roboto', sans-serif;}
.content-sec .address ul.contact-detail { margin-left: 9px; font-size: 16px; color: #5a5757; }
ul.contact-detail .fa { color: #5a5757; margin-right: 16px; }
.content-sec .address ul.contact-detail li { line-height: 25px; }
.content-sec .address p span { font-size: 17px; color: #292828; }
.content-sec .address .addr { margin-bottom: 55px; }
.follow-us { margin: 70px 0 0 0;}
.follow-us h4 {font-family: 'Mansalva', cursive; font-weight: 300; font-size: 33px; color: #6b6969; position: relative; display: inline-block; margin-bottom: 40px;}
.follow-us h4::before { content: ""; position: absolute; width: 170px; height: 1px; color: #969696; border: 1px solid; margin: 0 auto; left: 0; right: 0; bottom: -20px; }
.follow-us h4::after { content: ""; position: absolute; height: 20px; background: #c84d52; width: 50px; border-radius: 12px; border: 1px solid #c84d52; }
.follow-us ul.social_links li img { margin-right: 7px; }
.follow-us ul.social_links li { margin: 3px 0; }
.follow-us ul.social_links li a {color: #676767; font-size: 16px; }
.follow-us h4::after { content: ""; position: absolute; height: 20px; background: #c84d52; width: 50px; border-radius: 12px; border: 1px solid #c84d52; bottom: -27px; left: 0; right: 0; text-align: center; margin: 0 auto; }
.img-map iframe { max-width: 100%; }


/*---media----*/

 
.media {padding:30px 0px; color: #fff; margin-top: 2px; width: 100%;}
.media  .nav-tabs>li.active>a, .media  .nav-tabs>li.active>a:focus, .media  .nav-tabs>li.active>a:hover{background: #ee8c00;
color: #fff;
padding: 8px 15px;
border-radius: 50px;
min-width: 117px;
text-align: center;
border: none;
font-size:18px; margin-bottom: 20px;}

.media  .nav-tabs > li > a {
    margin-right: 4px; 
    background: #333;
    color: #fff;
    padding: 8px 15px;
    border-radius: 50px;
    min-width: 117px;
    text-align: center;
    border: none;
    font-size: 16px;
}

.media.nav-tabs>li>a{color: #fff; font-size: 16px;}
.media .nav-tabs>li>a:hover{
    background: #ee8c00;
    color: #fff;
    padding: 8px 15px;
    border-radius: 50px;
    min-width: 117px;
    text-align: center;
    border: none; }
.media ul.nav.nav-tabs { display: flex; justify-content: center; }

.media .tab-content {
    padding: 40px 20px;
    background: #fff0;
}
.media .nav-tabs {
    border-bottom: 0px solid #ddd;
}
.media .tab-content {
    padding: 13px 5px 5px 5px;
    border: 0px solid #ddd;
        border-top-color: rgb(221, 221, 221);
        border-top-style: solid;
        border-top-width: 0px;
		text-align: center;
    border-top: none;
}
.media p{font-size:20px; width:100%; font-family: 'Open Sans', sans-serif; color: #595959; text-align: justify;line-height: 33px;margin: 0px 0 0 0; padding: 50px 4%; float: left;}
.media .press{width: 100%; max-height: 200px; height: auto; margin-bottom:25px;}

.media ol{width: 100%;  margin: 0px; padding: 0px;}
.media ol li{width: 100%; padding: 0px 0px 10px 15px; float: left; list-style: square;}
.media ol li a{color: #454545; font-size: 16px;}
.media ol li a:hover{color:#cb0c14; font-size: 16px;}


/*award* 24-04-2019*/
.main-bg{text-align:center; margin:0 auto;}
.award {padding:63px 0px 80px 0px; margin: 140px 0 60px 0; max-width: 950px;  display: inline-block; background: #fffffff2;    position: relative }
/* .full-img{background: url("../images/award-fullbg.jpg") no-repeat center center; width: 100%; height: 100%; position: fixed; top: 59px; left: 0; background-size: cover;} */
.award h1 , .desk h1{ text-align: center; position: relative; color: #383737; font-family: 'Roboto', sans-serif; padding: 0px 0px 40px 0px; margin:0px;     font-size: 42px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.award h1::before ,  .desk h1::before{ position: absolute; color: ""; content: ""; height: 5px; width: 100px; color: #c4191f; border: solid 1px; background: #c4191d; margin: 0 auto; left: 0; right: 0; bottom: 28px; }
.award img { max-width: 450px; }
.award p{max-width: 75%; margin: 0 auto; font-size: 16px; color: #4c4a4a; line-height: 27px; font-family: 'Open Sans', sans-serif; padding-top: 50px;}

/*award* 24-04-2019*/
.award.about-us img { width: 100%; max-width: initial; }
.award.about-us { padding: 40px 20px; }
.award.about-us p { max-width: 100%; font-size: 16px; line-height: 27px; color: #000; text-align: left; padding-top: 0px; }
.award.about-us img { padding: 20px 0px; }
.award.about-us h1 { text-align: left; font-family: 'Roboto', sans-serif; color: #000000; font-size: 34px; font-weight: 400;position: relative; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.award.about-us h1::before{ position: absolute; color: ""; content: ""; height: 5px; width: 100px; color: #c4191f; border: solid 1px; background: #c4191d; margin: 0 auto; left: 4px; right: auto; bottom: 28px; }
.award.about-us h4 { text-align: left; color: #bf1c23; font-weight: 400; font-size: 22px; padding-bottom: 5px; }
section.ssp_frame.about_frame{background: url("../images/wholegrain.jpg") no-repeat center center; position: relative; background-size: cover; padding-top: 110px;}
section.ssp_frame.about_frame h3 { margin-bottom: 60px;}
section.ssp_frame.about_frame h3 { margin-bottom: 60px; margin: 0; margin-bottom: 60px; padding: 0; }
section.ssp_frame.about_frame p { padding: 0; margin: 5px auto; }
section.ssp_frame.about_frame  .car__3 img{padding:0px;}
section.ssp_frame.about_frame .carouseller .car__3{margin:0;}
section.ssp_frame.about_frame .carouseller .car__3 img{width:100%;}
section.ssp_frame.about_frame button { margin: 0 auto; display: block; background: #cb1a13; color: #fff; padding: 15px 35px; border: none;}
section.ssp_frame.about_frame div#dservices { margin-bottom: 50px; }



/*management desk* 25-04-2019*/
.desk {background: rgba(255, 255, 255, 0.9); position: relative; max-width: 1020px; margin: 0 auto; padding: 20px 43px;     margin-top: 125px; margin-bottom: 60px;}
.desk .nav-tabs>li.active>a, .desk .nav-tabs>li.active>a:focus, .desk .nav-tabs>li.active>a:hover {border: none; position: relative; background: #ee8c00; padding: 3px; margin: 10px; }
.desk .nav-tabs>li.active>a::before { content: ""; position: absolute; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #ee8c00; margin: 0 auto; right: 0; left: 0; bottom: -22px; }
.desk ul#myTab { display: flex; justify-content: center; border-bottom: none;}
.desk-detaild { padding: 50px 0px;}
.desk .tab-content p { font-size: 16px; font-weight: 400; line-height: 26px; font-family: 'Open Sans', sans-serif; margin-bottom: 25px; color: #333333; }
.tab-content p.quote { font-size: 22px; color: #ff0000; font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 27px; font-style: italic; }
.text-desk{text-align:center;}
.text-desk h3 { margin: 15px 0 0 0; }
.desk .tab-content{border: none; background: none;}
.desk-detaild .text-desk img { outline: 8px solid rgba(214, 214, 214, 0.5); }
.desk .nav>li>a>img { max-width: 217px;}

/*Network 26-04-2019*/
.award.network img { width: 100%; max-width: 79%;    margin-top: 60px; }
.award.network h5 { font-family: 'Roboto', sans-serif; font-size: 25px; color: #333333; margin: -15px 0px; padding: 0; }
#add3, #add2, #add4{display:none;}
.csr .media {padding: 0;margin: 0;}
section.ssp_frame.about_frame p a {margin: 0 auto;  background:#cb1a13; color:#fff; padding: 15px 35px; border: none;}
.carouseller__right {background:#ffcc00 !important;padding: 0px !important;}

/*Product detail 26-04-2019*/
.table-responsive.digestive th.font-size1 { font-size: 17px; color: #e41f1f;}
.table-responsive.digestive td.font-size { font-size: 16px;}
.pro_inn img { max-width: 100%; width: 100%;   border-radius:17px;  background: #fbfcffe0;    box-shadow: 0px 0px 2px 0px #9c9c9c;     margin-top: 27px;}
.show-digestive img {width: auto; max-width: 280px; cursor:pointer;}
.digestive{display:none;}
.pro_inn{padding: 20px 0px;}
.pro_txt ul li { font-size: 16px; width: 100%; font-family: 'Open Sans', sans-serif; color: #595959; text-align: justify; line-height: 31px; margin: 0px 0 0 0; padding: 1px 0%; }
.pro_txt ul { padding-left: 25px; }
.pro_txt ul li .fa { color: #6f6f6f;}
.product_details h4 {padding-left: 0;}
table.table.prime-tbl.table-bordered tbody tr:nth-child(2) {background: #fbd554;}

/*padding changes 27-09-2019*/
section.csr {padding: 100px 0px;}
.award.about-us, .award, .product{margin:70px 0px;}
.desk{margin:70px auto;}
.digestive {display: block;} 
.show-digestive { display: none; }

/****yogi*****/
div#comments {
    display: none;
}
.entry-meta {
    display: none;
}

.product {
    margin: 0;
    margin-bottom: 25px;
}

.button_more a {
    color: #fff;
}



/***********30-09-19****************/





h2.woocommerce-loop-product__title {
    font-size: 23px !important;
    /*text-align: left!important;
	border-bottom: solid 5px #cb0c14!important;*/
    width: 100%!important;
    font-family: 'Roboto', sans-serif;
    color: #525252;
    position: relative;
    position: relative;
    margin-bottom: 20px!important;
}

.woocommerce ul.products, .woocommerce-page ul.products {
    clear: both;
    text-align: left !important;
}


/*******category css********/

a.button.product_type_simple {
    display: none!important;
}

form.woocommerce-ordering {
    display: none!important;
}

p.woocommerce-result-count {
    display: none!important;
}


.btn-warning-yogi{
    color: #fff;
    background-color: #f0ad4e;
    float: right;
    border-color: #eea236;
}

span.price {
    display: none;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none;
}


/********aman 04*********/

.hover1 h2, .hover2 h2{font-size: 20px !important;}
button.info a { color: #fff;}
.ehover2 button.info, .ehover2 button.info{padding: 25% 22% !important;;}
.hover h2, .hover3 h2{font-size: 32px !important;}

/*P-tab page 01-10-2019*/
.p-tab .nav-tabs>li.active>a, .p-tab .nav-tabs>li.active>a:focus, .p-tab .nav-tabs>li.active>a:hover{border: none; background-color: transparent;}
ul.nav.nav-tabs.head-tab {    margin: 20px 0 40px 0;border: none; display: flex; justify-content: center; }
.p-tab .tab-content .nav-tabs>li { float: left; margin-bottom: -1px; width: 44%; } .p-tab .nav-tabs>li img { max-width: 75%; /* height: 70%; */     position: relative; }
.award.tab-product {width: 100%; max-width: 100%; }
.p-tab .tab-content .nav-tabs>li { /* float: left; */ /* margin-bottom: 25px; */ width: 32%; display: flex; justify-content: space-between; margin-left: 1%;}
ul.all-pro li { width: 32%; float: left; margin:40px 5px 26px 5px; padding: 10px; }
ul.all-pro li  img{max-width:100%;}
ul.nav.nav-tabs.cat-tab {margin: 0 auto; }
ul.all-pro { /* margin: 50px; */ margin: 10px auto; width: 99%;  display: flex; justify-content: start; flex-wrap: wrap;}
ul.all-pro li h4 { margin-top: 12px; color: #525252; font-size: 21px; font-weight: 500; font-family: 'Roboto', sans-serif;
    font-weight: 500;}
.p-tab .tab-content { padding: 0 !important; border: none; background: transparent; }
ul.nav.nav-tabs.head-tab li.active { background: red; }
ul.nav.nav-tabs.head-tab li {width: 20%;}
ul.nav.nav-tabs.head-tab li.active::after { content: ""; position: absolute;  transition: tra; position: absolute; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 26px solid #ee8c00; margin: 0 auto; right: 0; left: 0; bottom: -27px; }
ul.nav.nav-tabs.head-tab li.active {background: transparent; border:  position: relative; }
ul.nav.nav-tabs.cat-tab li h4 { margin: 13px 0px; color: #5f5f5f; }
ul.nav.nav-tabs.cat-tab li.active  h4{position: relative;  }
ul.nav.nav-tabs.cat-tab li.active h4::after { position: absolute; content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 22px solid #ee8c00; margin: 0 auto; right: 0; left: 0; bottom: -44px; z-index:99;}
.tab-content button { background: red; border: none; padding: 12px 28px; margin-top: 40px;}
.tab-content button a{color:#fff;outline: none;}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


ul.nav.nav-tabs.cat-tab li a:hover { background: transparent; }
ul.nav.nav-tabs.head-tab  li a:hover {
    background: transparent;
    border: none;
}
.tab-content button:hover { background: #ea9316; transition: all .2s ease-out; }
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



/*product page 03-10-2019*/
ul.nav.nav-tabs.cat-tab img {max-width: 130px;}
.p-tab .tab-content .nav-tabs>li{width: 8%; margin-left: -28px;}
ul.nav.nav-tabs.head-tab li { margin: 10px 20px; }
ul.nav.nav-tabs.cat-tab{display: flex; justify-content: space-between;}
.p-tab .tab-content .nav-tabs>li:nth-child(5){}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


nav.pro-inner { max-width: 167px; margin-left: 20px; }
nav.pro-inner .breadcrumb { background: #ee8c00; margin-top: 60px; }
nav.pro-inner .breadcrumb li a { color: #fff; }
nav.pro-inner .breadcrumb>.active { color: #443f40; }
.cat-tab.mobile{display:none !important;}

.woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a{ padding: 10px 12px !important; }
span.page-numbers.current { color: #fffbfb !important; background: #dea006 !important; }
.entry-content .woocommerce.columns-3 { margin-bottom: 15px; }
div#main-content {
    margin-top: 86px;
}

.woocommerce {
    margin-top: 45px;
}

.nav-links {
    display: none;
}

/*ul.all-pro li.pro_4y { width: 27%; } */
.tabbable nav {left: 0;} .tab-content.la-s .fade:nth-child(4) nav.pro-inner { max-width: 241px; }

/**07-1-2019**/
.ehover2 button.info, .ehover2 button.info { padding: 25% 17% !important; }



header.dark blockquote a {color: orange; text-decoration: underline;}
header.light blockquote a {text-decoration: underline;}
header.dark { min-height: 450px; }
header.dark { background-color: #444; }
header.light { background-color: #fff; }

/* Navigation Styles */
nav { position: relative;  }
header.light nav { background-color:rgba(0,0,0,0.5); }

ul.main-nav { 
  list-style-type: none; 
  padding: 0px;
  font-size: 0px;
  max-width: 1000px;
  margin: 0 auto;
}

ul.main-nav > li { 
  display: inline-block;
  padding: 0; cursor: pointer;

}



ul.main-nav > li:hover { background-color: #f9f9f9; }
ul.main-nav > li:hover > a { color: #333; font-weight: 400; }

ul.main-nav > li ul.sub-menu-lists {
  margin: 0px;
  padding: 0px;
  list-style-type : none;
  display:block;
}

ul.main-nav > li ul.sub-menu-lists > li {
	 transition: all ease .3s;
    
   }



ul.main-nav > li ul.sub-menu-lists > li > a {
  font-size: 14px;padding: 2px 0; width:100%; height: auto; float:left; transition: all ease .3s;
 border-bottom: 1px dotted #c8c8c8;color: #333;  padding: 10px; line-height:1;
}

ul.main-nav > li ul.sub-menu-lists > li > a:hover{
    color: #fff;
background:#ec2e36;line-height:1;  transition: all ease .3s;
}
.ic {
  position: fixed; 
  cursor: pointer;
  display: inline-block;
  right: 25px;
  width: 32px;
  height: 24px;
  text-align: center;
  top:0px;
  outline: none;
}

.ic.close { 
  opacity: 0; 
  font-size: 0px; 
  font-weight: 300; 
  color: #fff;
  top:8px;
  height:40px;
  display: block;
  outline: none;
}

/* Menu Icons for Devices*/
.ic.menu { top:25px; z-index : 20; }

.ic.menu .line { 
  height: 4px; 
  width: 100%; 
  display: block; 
  margin-bottom: 6px; 
}
.ic.menu .line-last-child { margin-bottom: 0px;  }

.sub-menu-head { margin: 10px 0; }
.banners-area { margin-top: 20px; padding-top: 15px; }


@media only screen and (max-width:1023px) {
  .sub-menu-head { color:orange; }
  .ic.menu { display: block; max-width: 37px;}
  header.dark .ic.menu .line { background-color: #fff; } 
  header.light .ic.menu .line { background-color: #000; }
  .ic.menu .line {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  .ic.menu:focus .line { background-color: #fff !important; }
  
  .ic.menu:focus .line:nth-child(1) { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); 
  }
  
  .ic.menu:focus .line:nth-child(2){ 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
    margin-top: -10px;
  }
  
  .ic.menu:focus .line:nth-child(3){
    transform: translateY(15px);
    opacity: 0;
  }
  
  .ic.menu:focus{ outline: none; }
  .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 21;  outline: none;  }
  
  /*
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
  .ic.menu:hover, 
  .ic.menu:focus{ opacity: 1; }
  

  nav { background-color: transparent; }
  
 /* Main Menu for Handheld Devices  */
  ul.main-nav {
    z-index:2; 
    padding: 50px 0;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 0px;
    background-color:rgba(0,0,0,1);
    height: 100%;
    overflow: auto;
    /*CSS animation applied : Slide from Right*/
   -webkit-transition-property: background, width;
    -moz-transition-property: background, width;
    -o-transition-property: background, width;
    transition-property: background, width;
   	-webkit-transition-duration: 0.6s;
	  -moz-transition-duration: 0.6s;
	  -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  
  .ic.menu:focus ~ .main-nav { width: 300px; background-color:rgba(0,0,0,1); }
  
  ul.main-nav > * { 
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  .ic.menu:focus ~ .main-nav > * {opacity: 1;}
  
  ul.main-nav > li > a:after {display: none;}
  ul.main-nav > li:first-child { border-radius: 0px; }
  ul.main-nav > li {
    display: block;
    border-bottom: 1px solid #444;
  }
  
  ul.main-nav > li > a { font-weight: 600; }
  ul.main-nav > li ul.sub-menu-lists > li:nth-last-child(1) a { margin: 0px 0px 10px 0; display: inline-block; }
  ul.main-nav > li ul.sub-menu-lists > li a { color: #eee;font-size: 13px; padding: 10px 5px; }
  .sub-menu-head { font-size: 16px;}
  ul.main-nav > li:hover { background-color: transparent;  }
  ul.main-nav > li:hover > a {color: #fff; text-decoration: none; font-weight: 600;}
 .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    position: relative;
    visibility: visible;
    opacity: 1.0;
  }
  
  .sub-menu-block { padding: 0 30px; }
  .banners-area { padding-bottom: 0px;  }
  .banners-area div { margin-bottom: 15px;  }
  .banners-area { border-top: 1px solid #444; }
}

@media only screen and (min-width:1023px) {
  .ic.menu { display: none; }
  /* Main Menu for Desktop Devices  */
  ul.main-nav { display: block; position: relative; }
  .sub-menu-block { padding: 15px; }
  
  /* Sub Menu */
  ul.main-nav > li > div.sub-menu-block { 
  visibility: hidden;
  background-color: #f9f9f9;
  position: absolute;
  margin-top: 0px;
  width: 100%; max-width: 700px;
  color: #333;
  left: 0;
  box-sizing: border-box;
  z-index : 999;
  font-size: 16px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  opacity: 0;
    
  /*CSS animation applied for sub menu : Slide from Top */
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  
  }
  
  ul.main-nav > li:hover > div.sub-menu-block{ 
    background-color: #f9f9f9; 
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg); margin-top: 0px;
  }
  
  ul.main-nav > li > div.sub-menu-block > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  
  ul.main-nav > li:hover > div.sub-menu-block > * {
    opacity: 1;
  }
  
  .sub-menu-head { font-size: 20px;     color: #ea9d1e;}
  
  /* List Separator: Outer Border */
 
  header.light ul.main-nav > li > a { border-right: 1px solid #666; }
  
  /* List Separator: Inner Border */
  ul.main-nav > li > a:after {
    content: '';
    width: 1px;
    height: 62px;
    position: absolute;
    right:0px;
    top: 0px;
    z-index : 2;
  }
 
  
  /* Drop Down/Up Arrow for Mega Menu */
  ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }
  ul.main-nav > li > a.mega-menu > span:after {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: '';
    background-color: transparent;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }

  ul.main-nav > li:hover > a.mega-menu span:after{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 5px solid #666;
  }
  .banners-area { border-top: 1px solid #ccc; }
}
header.dark {background-color: #ec2e36; min-height: 59px; position: fixed; width: 100%; z-index: 99; top: 0;}
.social { float: right; display: flex; margin-top: -39px; }
.social li { list-style: none; margin: 0px 8px; }
.social .fa { color: #fff; font-size: 16px; cursor: pointer; }
/*nav {
    max-width: 900px;  left: 7%;   }
.sub-menu-block.sub-1 { width: 31% !important; color: #333 ; left: 31% !important; }
.sub-menu-block.sub-1 a {
    line-height: 30px;
}
ul.main-nav > li > a { display: block; position: relative; color: #fff; font-size: 15px; font-weight: 500; box-sizing: border-box; padding: 19px 21px; text-transform: uppercase; }
.sub-menu-block.sub-1.sub-2 {
    left: 0 !important;
}
.sub-menu-block.sub-1.sub-2 { left: 2% !important; }
.sub-menu-block.media-m {
    left: 19% !important;
}
*/
.award.about-us, .award {
    margin: 129px 0 70px 0px;
}
.sub-menu-block.ab-cl { max-width: 317px !important; }




 .sections, .section {
    height: 550px;
}

    .container.co, .sections, .section {
      position: relative;
      text-align: center;
      color: #fff;
    }
    .section h1{
 position: absolute; top: 50%; left: 54%; transform: translate(-16%, -25%); font-size: 17px; transition: all .3s ease; background: #AB8701; padding: 20px 30px; box-shadow: 0px 0px 3px 0px #e7ea1a; font-family: 'roboto', sans-serif; font-weight: 200; line-height: 22.5px; background: #fff; color: #504c4c; border-radius: 12px; font-family: 'Roboto', sans-serif; color: #3c3a3a;
}
    .section:first-child h1 {
      animation: first-show .3s;
    }
    .section0 {
      background:url('../images/milstone-4.jpg'); position: relative;
    }
    .section2 {
       background:url('../images/milstone-3.jpg'); position: relative;
    }
    .section3 {
     background:url('../images/milstone-1.jpg'); position: relative;
    }
    .section1{
      background:url('../images/milstone-2.jpg'); position: relative;
    }
	.section4{
      background:url('../images/milstone-5.jpg'); position: relative;
    }
	.section5{
      background:url('../images/milstone-6.jpg'); position: relative;
    }
	.section6{
      background:url('../images/milstone-7.jpg'); position: relative;
    }
    .section h1.text-animate {
      left: 0px;
      transform: translateX(-100%);
    }
    @keyframes first-show {
      0% {
        left: 0px;
        transform: translateX(-100%);
      }
      100% {
        left: 50%;
        transform: translateX(-50%);
      }
    }
	.container.co { max-height: 550px; overflow: hidden; padding:0px; width: 100%; }
	
	.container.co .section::before { position: absolute; content: ""; width: 10px; height: 100%; background: #f3f3f3e8; left: 12%; }
	.container.co .section4::after { position: absolute; content: "2002"; left: 8%; top: 50%; background: #EC2E35; color: #FFF; padding: 35px 30px; border-radius: 50%; padding: 38px 31px; font-size: 22px;}
	.container.co .section1::after { position: absolute; content: "1994"; left: 8%; top: 50%; background: #EC2E35; color: white; padding: 35px 30px; border-radius: 50%; padding: 38px 31px; font-size: 22px;}
	.container.co .section2::after { position: absolute; content: "1995"; left: 8%; top: 50%; background: #ffffff; color: #565353;padding: 35px 30px; border-radius: 50%; padding: 38px 31px; font-size: 22px;}
	.container.co .section3::after { position: absolute; content: "2002"; left: 8%; top: 50%; background: #EC2E35; color: white; padding: 35px 30px; border-radius: 50%; padding: 38px 31px; font-size: 22px;}
	.container.co .section0::after { position: absolute; content: "1985"; left: 8%; top: 50%; background: #f59039; color: #white; padding: 35px 30px; border-radius: 50%; padding: 38px 31px; font-size: 22px;}
	.container.co .section5::after { position: absolute; content: "2004"; left: 8%; top: 50%; background: #f53941; color: #white; padding: 35px 30px; border-radius: 50%; padding: 38px 31px; font-size: 22px;}
	.container.co .section6::after { position: absolute; content: "2016"; left: 8%; top: 50%; background: #ffffff; color: #565353; padding: 35px 30px; border-radius: 50%; padding: 38px 31px; font-size: 22px;}
   
   
   
   .milestone-bg h1{text-align: center; position: relative; color: #383737; font-family: 'Roboto', sans-serif; padding: 0px 0px 40px 0px; margin: 0px; font-size: 42px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
   .milestone-bg h1::before{position: absolute; color: ""; content: ""; height: 5px; width: 100px; color: #c4191f; border: solid 1px; background: #c4191d; margin: 0 auto; left: 0; right: 0; bottom: 28px;}
   .milestone-sec p{ font-size: 19px; color: #4c4a4a; line-height: 25px; font-family: 'Open Sans', sans-serif; padding-top: 50px;}
   .milestone-bg { margin: 50px 0px; }
   .milestone-sec { display: flex; justify-content: space-evenly; align-items: center; }
   
   /*css for scroll milestone*/
   [data-fs-scroll] {
  position: relative;
}

[data-fs-scroll] .page {
  position: fixed;
  list-style: none;
}

[data-fs-scroll] .page.vertical {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

[data-fs-scroll] .page.horizontal {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

[data-fs-scroll] .page li {
  width: 8px;
  height: 8px;
  background: rgba(255,255,255,.6);
  border-radius: 50%;
  margin: 5px 2px;
  cursor: pointer;
}

[data-fs-scroll] .page li.active {
  border-radius: 6px;
  background: #fff;
}

[data-fs-scroll] .page.horizontal li {
  display: inline-block;
}

[data-fs-scroll] .page.horizontal .active{
  width: 14px;
}

[data-fs-scroll] .page.vertical .active {
  height: 14px;
}

.sku{font-size: 20px; width: 100%; font-family: 'Open Sans', sans-serif; color: #595959; text-align: justify; line-height: 33px; margin: 0px 0 0 0; padding: 20px 4%; text-align:center;}


/**22-10-2019**/
header.dark {background-color: transparent;}
.logo { width: 14%; position: relative;}
.logo img { /* max-width: 98px; */ width: 226px; }
.logo img { max-width: fit-content;}
.logo-img::after, .logo-img::before { content: ''; background: #e72129; position: absolute; height: 60px; width: 2000px; top: 0; /* right: 100%; */  }
.logo-img::before { right: 100%; }
.logo-img { position: absolute; top: 0px; right: -67px; z-index: 99; }
header nav { z-index: 99; margin-left: 45px;}
.social{position: relative;     z-index: 9;}
ul.main-nav{    text-align: center;}

/*23-10-2019 Aman*/
.social{z-index: 99;     margin-top: -43px !important;}
.social li .fa:hover { color: #ffb42a; transition: all .5s cubic-bezier(0, 0, 0.43, 1.17); }
.social .fa { color: #333 !important; font-size: 14px !important; cursor: pointer; background: #fff; padding: 7px 8px; border-radius: 50%; box-shadow: 0px 0px 3px 0px #b3abac;     transition: all .5s ease-out;}
.social li { list-style: none; margin: 0px 3px !important; }
i.fa.fa-facebook {padding: 7px 10px;}
.social .fa:hover { background: #fe9600; color: #fff !important;}
ul.main-nav ul, .sub-menu-head { text-align: left; }


.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product{background: none; position: relative; padding: 0 35px;}
div#primary div#content { background: #ffffffe3; position: relative; margin: 70px 0px; text-align: center; padding: 30px; }
div#main-content { margin: 139px 0 70px 0px; }
header.entry-header hr { display: none; }
h1.entry-title::after { position: absolute; color: ""; content: ""; height: 5px; width: 100px; color: #c4191f; border: solid 1px; background: #c4191d; margin: 0 auto; left: 0; right: 0; bottom: -13px; }
h1.entry-title { position: relative; font-family: 'Roboto', sans-serif; color: #3c3a3a;}

/*23-10-2019 Aman slider product*/

.carousel-showmanymoveone .carousel-control { width: 4%; background-image: none; } .carousel-showmanymoveone .carousel-control.left { margin-left: 15px; } .carousel-showmanymoveone .carousel-control.right { margin-right: 15px; } .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 { display: none; } @media all and (min-width: 768px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -50%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 50%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-1 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -25%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 25%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-showmanymoveone .item{-webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000;}.carousel-inner img { max-width: 100%; }
.full-img{top:0;}

.bg-itm { max-width: 100%; background: #ffffff5c; box-shadow: 0px 0px 2px 0px #d4d2d2; /* margin: 10px 0px; */ padding: 10px 0px; }
.bg-itm span { color: #565252; font-size: 16px; padding-bottom: 9px; display: inline-block; }
.carousel-showmanymoveone a.left.carousel-control { background: #ea851d; left: -17px; opacity:1;}
.carousel-showmanymoveone .carousel-control.right { background: #ea851d; right: -17px; opacity:1;}
.carousel-showmanymoveone { margin:40px 0px 40px 0px; }
.tabbable.boxed.parentTabs.p-4.p-tab.bread-prdct .nav-tabs>li { width: 14%;}
ul.nav.nav-tabs.cat-tab.active.pc { border-bottom: none; }
.tabbable.boxed.parentTabs.p-4.p-tab.bread-prdct .tab-content button { display: none; }
.tabbable.boxed.parentTabs.p-4.p-tab.bread-prdct ul.all-pro{box-shadow: 0px 0px 5px #a09e9e; margin-top: 0px;}

/*bread products gallery*/

.bread_gallery {width: 100%; float: left; padding: 60px 0px 120px 0px; height: auto;}
.bread_gallery h1 { font-size: 36px;color: #000;text-align: center; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.bread_gallery h3 { font-size: 32px; color: #fff;text-align: center; margin:50px 0px 20px 0px;font-family: 'Roboto', sans-serif; font-weight: 610; background:url(../images/linne.png) no-repeat bottom center; width: 100%;height: 15px;}
.bread_gallery .car__3 {border: solid 0px #f0e9f9; background: #fff;}
.bread_gallery .car__3 img{width: 100%; height: auto; text-align: center; padding: 20px;}

.bread_gallery .car__4 {border: solid 0px #f0e9f9; background: #fff;}
.bread_gallery .car__4 img{width: 100%; height: auto; text-align: center; padding: 0px 16%  0px 16%;}

.bread_gallery {width: 100%;float: left;padding: 2% 0px;}
.bread_gallery h3 {font-family: 'Roboto', sans-serif; font-size: 36px;color: #000;text-align: center;}
.bread_gallery ul {margin: 20px 0px;padding: 0px;}
.bread_gallery ul li {padding: 0px;	margin: 0px;}
.bread_gallery .servc_caption h4 {font-family: 'Roboto', sans-serif; font-size:18px;color: #cb0c14;text-align: center;	display: block;	margin: 20px 0px 10px 0px; font-weight: bold;}

.bread_gallery .servc_caption p {font-family: 'Roboto', sans-serif; font-size: 14px;color: #cb0c14;text-align: center;display: block;line-height: 19px;	margin: 10px 0px 30px 0px;width: 80%;margin: 0 auto;}
.bread_gallery .servc_caption p a{ margin-top: 40px;}

.bread_gallery .servc_caption {width: 100%;float: left;text-align: center;padding: 0px;min-height: 70px;background: transparent;}
.bread_gallery .servc_caption a {    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #cb0c14;
    text-align: center;
    display: block;
    margin: 20px 0px 10px 0px;
    font-weight: bold;
}
.bread_gallery .servc_caption a:hover {transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; cursor: pointer;color: #000;text-decoration: none;}
 
.bread_gallery  .carouseller .carouseller__left {
    left: 0%;
	 text-decoration: none;
    height: 45px;
    width: 45px;
    background: #ffcc00;
    border-radius: 0%;     top: 50%;
}
.bread_gallery  .carouseller .carouseller__right {
    right: 0%;
    z-index: 999999;
	 text-decoration: none;
    height: 45px;
    width: 45px;
    background: #ffcc00;
    border-radius: 0%;     top: 50%;
}
 .bread_gallery .carouseller .car__3 { width: 2.3%; max-width: 100%; background: #ffffff5c; box-shadow: 0px 0px 2px 0px #d4d2d2; padding: 10px 0px; }
 .bread_gallery .servc_caption h4 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #cb0c14; text-align: center; display: block; margin: 25px 0px 10px 0px; font-weight: bold; color: #565252; font-size: 16px; padding-bottom: 9px; display: inline-block; font-weight:500;}
 header.dark { background-color: transparent; z-index: 9999999; }
 
 
 
:focus{outline: none;}
.form-area{width:96%; margin: 28px 3%; position: relative;} /* necessary to give position: relative to parent. */
.contact-sec input[type="text"], .contact-sec input[type=file], .contact-sec textarea, .contact-sec input[type="email"], .contact-sec input[type="tel"] { font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px; border: 0; box-shadow: 0px 0px 2px #ccc; }
.form-area .effect-1 { border: 0; padding: 7px; box-shadow: 0px 0px 2px #ccc; }
.form-area .effect-1 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #b3070e; transition: 0.4s; height: 1.6px;}
form {  padding: 20px; position: relative;    }
.form-area  .effect-1:focus ~ .focus-border{width: 100%; transition: 0.4s;}
form h2 { font-size: 24px; color: #e62129; /* background-color: #cb1a13; */ padding: 15px 0 15px 0; margin: 0; font-weight: 300; margin: 6px; border-bottom: 3px solid; max-width: 167px; }
.contact-sec label { font-size: 16px; margin-bottom: 10px; color: #635e5e; font-weight: 500;}
.content-sec .address h4{cursor: pointer;}
.contact-sec button { cursor: pointer; background-color: #e62129; color: #fff; padding: 8px 20px; border-radius: 3px; border: 0 solid #000; transition: ease all .5s; width: auto; font-size: 16px;  font-weight: 500; text-transform: uppercase;     outline: none; margin-left: 15px;}
.col-lg-7.col-md-7.col-sm-12.formcon { padding-right: 3%; }
.contact-sec  .btn-default:hover { color: #fff; background-color: #de9e0b; border-color: #b5800b; }
.form-group .fa { margin-right: 2px;}

/*career 31-10-2019*/
.career { padding: 70px 0px; }
.career h2::after{content: ""; position: absolute; height: 2px; width: 84px; color: #cb1a13;; border: solid; bottom: -18px; margin: 0 auto; left: 0; right: 0;}
.career .career-txt p { font-size: 16px; width: 93%; font-family: 'Open Sans', sans-serif; color: #595959; text-align: justify; line-height: 26px; margin: 0 auto; padding: 50px 0 25px 0; word-spacing: 0px; }
.career .career-txt p::before { position: absolute; font-family: FontAwesome; content: "\f10d"; color: #ea9d1e; font-size: 38px; margin-top: -28px; margin-left: -25px;}
.career .career-txt br { content: ""; margin: 2em; display: block; font-size: 24%; }
.career .career-txt p::after { position: absolute; font-family: FontAwesome; content: "\f10e"; color: #ea9d1e; font-size: 38px; margin-top: 24px; margin-left: 21px; }
.career .col-md-5.imgcar { padding: 30px;     padding-right: 0;
    text-align: right;}
.career.apply {margin-bottom: 50px; padding-top: 0;  padding: 30px 0px; }
.career.apply button {cursor: pointer; background-color: #e62129; color: #fff; padding: 11px 24px; border-radius: 3px; border: 0 solid #000; transition: ease all .5s; width: auto; font-size: 16px; font-weight: 500; text-transform: uppercase; outline: none; margin-left: 15px;}
.apply-partner { margin: 0 auto; text-align: center; margin-top: 62px; }
.apply-partner.apply-own { border-left: 1px solid #d0c3c4; }
.apply-partner h4 { font-size: 19px; font-weight: 400; font-family: 'Open Sans', sans-serif; margin-bottom: 30px; }

.testm-slide  .content { margin-top: 20px; border: none; } .testm-slide   .adjust1 { padding: 40px 0px; float: left; width: 100%; margin-bottom: 0; border: none; } .testm-slide   .adjust2 { margin: 0; } .testm-slide   .carousel-indicators { margin-bottom: 0px; } .testm-slide   .carousel-indicators li { border: 1px solid #ccc; } .testm-slide   .carousel-indicators .active { background: #2f2f2f; } .testm-slide   .carousel-control { color: #31708f; width: 5%; } .testm-slide   .carousel-control:hover, .testm-slide   .carousel-control:focus { color: #31708f; } .testm-slide   .carousel-control.left, .testm-slide   .carousel-control.right { background-image: none; } .testm-slide   .media-object { margin: auto; margin-top: 15%; } @media screen and (max-width: 768px) { .testm-slide   .media-object { margin-top: 0; } }

.career.testm-slide { padding: 60px 0; }
.career.testm-slide  .thumbnail .caption{ text-align: center;}
.career.testm-slide blockquote{border:none;}
.career.testm-slide p { max-width: 90%; margin: 0 auto; font-size: 16px; width: 93%; font-family: 'Open Sans', sans-serif; color: #595959; text-align: center; line-height: 26px; margin: 0 auto; word-spacing: 0px; }
.testm-slide .carousel-control.left, .testm-slide .carousel-control.right {background-image: none; opacity: 1; color: #fff;
text-shadow: none; background: #cb1a11;}
.heading-sec h2{font-size:30px; font-size: 37px; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.career.testm-slide p.text-info.lead.adjust2 { font-size: 19px; color: #464343; font-weight: 400; }
.career.testm-slide { padding: 60px 0; background: url(../images/testm_bg.jpg) no-repeat center center; background-size: cover; }
.career.testm-slide .carousel-inner{    margin: 25px 0px 0px 0px;}
.career.testm-slide .heading-sec h2 { color: #fff; font-size: 32px; font-family: 'Roboto', sans-serif;}
.apply_job .modal-content { border-radius: 0;     box-shadow: 0px 0px 8px #dcd6d7; }
.apply_job .modal-title {text-align: center; color:#e62129; font-size: 22px;}
.apply_job  .modal-header .close { margin-top: -11px; }
.apply_job  .modal-footer {text-align: center; }
.apply_job.contact-sec label{width: 40%;}
.apply_job.contact-sec .form-area{display: flex; justify-content: space-between; flex-wrap: nowrap;}
.apply_job .modal-header .close { margin-top: -11px; background: none; color: #000; font-size: 31px; opacity: .5; position: absolute; right: 0; top: 6px; }
.apply_job .modal-body{text-align: center;}
.apply_job .form-area .effect-1 ~ .focus-border{left: 28%;}
.apply_job  .form-area .effect-1:focus ~ .focus-border { width: 72%; transition: 0.4s; }


/*Overview*/
.award.about-us p, .award.about-us ul.aed li { max-width: 100%; font-size: 16px; line-height: 27px; color: #000; text-align: left; padding-top: 0px; font-size: 16px; width: 100%; font-family: 'Open Sans', sans-serif; color: #333333; text-align: justify; line-height: 27px; margin: 0px 0 0 0; }
.award.about-us ul.aed { margin-top: 10px;     padding-left: 20px;}
.award.about-us ul.aed li { /* color: red; */ line-height: 2; font-weight: 600;     list-style: upper-roman; }

/*Desk*/
.award.about-us.cert p { text-align: left; }
.desk.myd {margin-top: 131px; }
.award.about-us.cert p {text-align:justify;}
.award.about-us.cert p span { font-weight: 500; }
.award.about-us.cert.policy span { font-size: 24px; color: #e72129; }
.award.about-us.cert.policy br { content: ""; display: block; padding: 7px; }
.award.about-us.cert.policy img{width:initial; float:right; margin-top: -26px;}
.product_details { text-align: left; }

/*1-11-2019* social icon hover*/
.social li .fa.fa-facebook:hover { background: #4272b9;}
.social li .fa.fa-twitter:hover { background: #21a7dc;}
.social li .fa.fa-linkedin:hover { background: #5888ce;}
.social li .fa.fa-instagram:hover {background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.social li .fa.fa-youtube:hover { background: #f7423f;}



.product { margin: -37px auto; }
.woocommerce {margin-top: 0px;}
div#primary div#content{ padding: 0;}
.product.vison { margin: 117px auto; }
.list_1 p span{height: 38px; /* background: red; */ width: 21px; display: block; float: left; margin-right: 9px;}
.logo img {max-width: max-content;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{width: 100%;}
div#primary div#content {padding: 40px 0px;}
textarea.wpcf7-form-control.wpcf7-textarea.effect-1 { margin: 0px !important;  height: auto important; }

.sub-menu-block .col-md-4.col-lg-4.col-sm-4 {position: unset;}

.full-img.breadbg {
    background-image: url(https://demo.netcommlabs.net/bonn/wp-content/themes/bonn/images/breadbg.jpg);
   
}

.full-img.rushbg {
    background-image: url(https://demo.netcommlabs.net/bonn/wp-content/themes/bonn/images/rush.jpg);
   
}

input.wpcf7-form-control.wpcf7-submit.btn.btn-default {
    cursor: pointer;
    background-color: #e62129;
    color: #fff;
    padding: 8px 20px;
    border-radius: 3px;
    border: 0 solid #000;
    transition: ease all .5s;
    width: auto;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
    margin-left: 15px;
}


input.wpcf7-form-control.wpcf7-submit.btn.btn-default:hover {
    color: #fff;
    background-color: #de9e0b;
border-color: #b5800b;
}
	
ul.nav.nav-tabs.cat-tab.mble.active { display: none; }

/*img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover {
    width: 2.3%;
    max-width: 100%;
    background: #fffdf8;
    box-shadow: 0px 0px 2px 0px #d4d2d2;
    padding: 10px 0px;
} */
textarea.wpcf7-form-control.wpcf7-textarea.effect-1{max-height: 70px;}
input#exampleFormControlFile1 { padding: 8px; margin-left: -3px; width: 102%; }
.contact-sec .row.content-sec div#wpcf7-f793-p216-o1 {
    box-shadow: 0px 0px 8px #dcd6d7;
}
textarea.wpcf7-form-control.wpcf7-textarea.effect-1 { margin: 0px !important; height: auto important; max-height: 60px; }
.apply_job.contact-sec .form-area input#exampleFormControlFile1 { margin-left: 20px; max-width: 93%; padding: 9px; }
.modal-header { box-shadow: 0px 0px 8px #dcd6d7; }
/* Original pulsing dots by sharla */
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #de8d31;
  }
  100% {
    box-shadow: 0px 0px 0px 7px rgba(52, 106, 180, 0);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #de8d31;
  }
  100% {
    box-shadow: 0px 0px 0px 7px rgba(52, 106, 180, 0);
  }
}

#map {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  cursor:pointer;
}

.dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  -webkit-animation: pulse 1.5s infinite ease-out;
          animation: pulse 1.5s infinite ease-out;
  background: #de8d31;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
}
.dot:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.4);
}
.dot:nth-child(odd) {
  -webkit-animation: pulse 1.5s infinite ease-out 0.3s;
          animation: pulse 1.5s infinite ease-out 0.3s;
}
.dot-1 {
  top: 34%;
 left: 19.5%;
}
.dot-2 {
    top: 22%;
    left: 18.5%;
}
.dot::after { position: absolute; color: #f7f7f7;     background: #c1b40f ;  padding: 5px; font-size: 14px; left: 0; top: -18px;     visibility: hidden; cursor:pointer;}
.dot.dot-1.usa::after { content: "USA"; }
.dot.canada::after {content: "Canada";}
.dot.tanzania::after {content: "Tanzania"; }
.dot.Liberia::after {content: "Liberia"; }
.dot.haiti::after {content: "Haiti"; }
.dot.Newzealand::after {content: "Newzealand"; }
.dot.Plastine::after {content: "Plastine"; }
.dot.uae::after {content: "UAE"; }
.dot.Guinea::after {content: "Guinea"; }
.dot.Mozambique::after {content: "Mozambique"; }
.dot.Senegal::after {content: "Senegal"; }
.dot.Yemen::after {content: "Yemen"; }
.dot.Marshall_Islands::after {content: "Marshall Islands"; }
.dot.dot-15.australia::after { content: "Australia"; }
.dot.dot-14.Sierra_Leone::after { content: "Sierra Leone"; }
.dot.dot-4.Liberia::after { top: 21px; }
.dot.dot-14.Sierra_Leone::after { left: -91px; }
.dot:hover:after{visibility:visible;}
.dot.dot-1.usa:hover:after{visibility:visible;}
.dot-3 { top: 67%; left: 56.5%; }
.dot-4 { top: 59%; left: 43%; }
.dot-5 {
top: 89%; left: 91%;
}
.dot-6 {
    top: 83%;
    left: 27%;
}
.dot-7 { top: 45%; left: 61%; }
.dot-8 {
    top: 55%;
    left: 44%;
}
.dot-9 {top: 72%;left: 57%;}
.dot-10 {
     top: 48%;
    left: 42.5%;
}
.dot-11 {
    top: 52%;
    left: 59.5%;
}
.dot-12 { top: 69%; left: 91%; }
.dot-13 {
  top: 56%;
  left: 47.5%;
}
.dot-14 {
    top: 53%;
    left: 41%;
}
.dot-15 {
    top: 78%;
    left: 83%;
}
.dot-16 {
    top: 48%;
    left: 27%;
}
.target img { width: 100% !important; height: auto; max-width: 100% !important; }
@media (min-width: 768px) {
  .dot {
    width: 16px;
    height: 16px;
  }
  .dot:before {
    width: 4px;
    height: 4px;
  }
  @-webkit-keyframes pulse {
    0% {
      box-shadow: 0px 0px 0px 0px #de8d31;
    }
    100% {
      box-shadow: 0px 0px 0px 10px rgba(52, 106, 180, 0);
    }
  }
  @keyframes pulse {
    0% {
      box-shadow: 0px 0px 0px 0px #de8d31;
    }
    100% {
      box-shadow: 0px 0px 0px 10px rgba(52, 106, 180, 0);
    }
  }
}
/*11-06-2019*/
.certificates.row { max-width: 70%; margin: 0 auto; }
.certificates img { background: #fff; box-shadow: 0px 0px 0px 2px #f7f1f1; margin: 20px auto; width: inherit !important; }
.tabbable.boxed.parentTabs.p-4.p-tab.all-pct.biscuit img.hvr-buzz-out {max-width: 84px;}
.tabbable.boxed.parentTabs.p-4.p-tab.all-pct.biscuit li.hvr-float-shadow.active { max-width: max-content !important;     width: 100%;}
.tabbable.boxed.parentTabs.p-4.p-tab.align-l.rcc-n ul.nav.nav-tabs.cat-tab.active.pc li img {max-width: 160px;}
.tabbable.boxed.parentTabs.p-4.p-tab.align-l.rcc-n .tab-content .nav-tabs>li { width: 17%; /* margin-left: -28px; */ margin: 0 auto; text-align: center; }
.product.vison h6 { font-size: 30px; text-align: center; color: #525252; /* font-family: 'Roboto', sans-serif; */ font-family: 'Open Sans', sans-serif; font-weight: 600; }
img.insta_pic { border: 1px solid #ddd; }


#map {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  cursor:pointer;
}

.dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  -webkit-animation: pulse 1.5s infinite ease-out;
          animation: pulse 1.5s infinite ease-out;
  background: #de8d31;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
}
.dot:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.4);
}
.dot:nth-child(odd) {
  -webkit-animation: pulse 1.5s infinite ease-out 0.3s;
          animation: pulse 1.5s infinite ease-out 0.3s;
}
.dot-1 {
  top: 34%;
 left: 19.5%;
}
.dot-2 {
    top: 22%;
    left: 18.5%;
}
.dot::after { position: absolute; color: #f7f7f7;     background: #c1b40f ;  padding: 5px; font-size: 14px; left: 0; top: -18px;     visibility: hidden; cursor:pointer;}
.dot.dot-1.usa::after { content: "USA"; }
.dot.canada::after {content: "Canada";}
.dot.tanzania::after {content: "Tanzania"; }
.dot.Liberia::after {content: "Liberia"; }
.dot.haiti::after {content: "Haiti"; }
.dot.Newzealand::after {content: "Newzealand"; }
.dot.Plastine::after {content: "Plastine"; }
.dot.uae::after {content: "UAE"; }
.dot.Guinea::after {content: "Guinea"; }
.dot.Mozambique::after {content: "Mozambique"; }
.dot.Senegal::after {content: "Senegal"; }
.dot.Yemen::after {content: "Yemen"; }
.dot.Marshall_Islands::after {content: "Marshall Islands"; }
.dot.dot-15.australia::after { content: "Australia"; }
.dot.dot-14.Sierra_Leone::after { content: "Sierra Leone"; }
.dot.dot-4.Liberia::after { top: 21px; }
.dot.dot-14.Sierra_Leone::after { left: -91px; }
.dot:hover:after{visibility:visible;}
.dot.dot-1.usa:hover:after{visibility:visible;}
.dot-3 { top: 67%; left: 56.5%; }
.dot-4 { top: 59%; left: 43%; }
.dot-5 {
top: 89%; left: 91%;
}
.dot-6 {
    top: 83%;
    left: 27%;
}
.dot-7 { top: 45%; left: 61%; }
.dot-8 {
    top: 55%;
    left: 44%;
}
.dot-9 {top: 72%;left: 57%;}
.dot-10 {
     top: 48%;
    left: 42.5%;
}
.dot-11 {
    top: 52%;
    left: 59.5%;
}
.dot-12 { top: 69%; left: 91%; }
.dot-13 {
  top: 56%;
  left: 47.5%;
}
.dot-14 {
    top: 53%;
    left: 41%;
}
.dot-15 {
    top: 78%;
    left: 83%;
}
.dot-16 {
    top: 48%;
    left: 27%;
}
.target img { width: 100% !important; height: auto; max-width: 100% !important; }
@media (min-width: 768px) {
  .dot {
    width: 16px;
    height: 16px;
  }
  .dot:before {
    width: 4px;
    height: 4px;
  }
  @-webkit-keyframes pulse {
    0% {
      box-shadow: 0px 0px 0px 0px #de8d31;
    }
    100% {
      box-shadow: 0px 0px 0px 10px rgba(52, 106, 180, 0);
    }
  }
  @keyframes pulse {
    0% {
      box-shadow: 0px 0px 0px 0px #de8d31;
    }
    100% {
      box-shadow: 0px 0px 0px 10px rgba(52, 106, 180, 0);
    }
  }
}


body{overflow-x:hidden;}
.product.vison { margin: 133px auto 78px auto; }
.milestone { position:relative; max-width:1170px; margin: 0 auto; min-height: 2360px;}
.mi-img img {max-width: 360px;}
.imghere.mil1.col-md-7 { top: 68px; left: 10%; position: absolute; }
.imghere.mil3.col-md-7 { left: 54%; top: 653px; position: absolute; }
.imghere.mil2.col-md-7 { left: 56%; top: 354px; position: absolute; }
.imghere.mil1.col-md-7 {top: 0px; left: 2%; position:absolute;}
.txthere.txt3.col-md-5 { right: 47%; top: 255px; position:absolute; }
.imghere.mil3.col-md-7 {left: 65%; top: 666px; position: absolute; }
.imghere.mil4.col-md-7 { top: 1204px; left: 2%; position: absolute; }
.imghere.mil5.col-md-7 { top: 1300px; left: 14%; position: absolute; }
.imghere.mil5.col-md-7 { top: 1500px; left: -2%; position: absolute; }
.imghere.mil6.col-md-7 { top: 1750px; left: 35%; position: absolute; }
.imghere.mil7.col-md-7 { top: 1900px; left: 40%; position: absolute; }
.imghere.mil7.col-md-7 { top: 2006px; left: 66%; position: absolute; }
.txthere.txt1.col-md-5 { position: absolute; right: 0; left: 32%; top: 91px;}
.txthere.txt2.mil2.col-md-5 { position: absolute; top: 420px; left: 16%; z-index: 99; }
.txthere.txt3.col-md-5 { left: 44%; top: 789px; position: absolute; }
.txthere.txt4.col-md-5 { position: absolute; top: 1031px; right: 32px; top: 1253px;    right: 256px;}
.txthere.txt5.col-md-5 { position: absolute; top: 1509px; right: 18%; }
.txthere span { font-weight: 600; font-size: 36px; color: #e72129; }
.txthere.txt6.col-md-5 { position: absolute; top: 1734px; right: 0px; }
.txthere.txt7.col-md-5 { position: absolute; top: 2078px; /* right: -117px; */ left: 26%; }
.txthere.txt8.col-md-12 { position: absolute; top: 2282px; left: -125px; text-align: center; margin: 0 auto; }
.txthere.txt8.col-md-12 .mi-con p { font-size: 22px; font-weight: 500; }
.mil-up .heading-sec h2 { font-size: 38px; font-weight: 600; color: #4e4b4b; font-size: 37px; font-family: 'Roboto', sans-serif; color: #3c3a3a; }
.mil-up .heading-sec h2::after { color: #e72129; width: 61px;}
.imghere.mil2.col-md-7 img {
    max-width: 309px;
}
.mil_year { background: #fff1ca; }
.mil-up { padding: 50px 0px 0 0; display: inline-block; width: 100%; z-index: 99; background: #fff1ca; }
.mil-up img { max-width: 100%; /* display: none; */ }
.mil-up p { font-size: 16px; width: 93%; font-family: 'Open Sans', sans-serif; color: #595959; text-align: justify; line-height: 26px; margin: 0 auto; padding: 50px 0 25px 0; word-spacing: 0px; font-weight: 600; }
.mi-con p { font-size: 19px; max-width: 100%; font-weight: 500; }
.imghere.mil6.col-md-7 img {max-width: 350px;}
svg { position: absolute; top:364px; left:0px; margin: 0 auto; enable-background: new 0 0 1223 2564.9; text-align: center; display: flex; align-items: center; stroke-linecap: round; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: 5px; stroke-width: 12px; z-index:-1; opacity:.8;}

.video-gallery {text-align:center;}

.video-gallery .col-lg-4 {
    margin-top: 12px;
}

div#fancybox-content {
    margin-top: 35px;
}

.img-gallery {text-align:center;}
.img-gallery .col-lg-4 {
    margin-top: 12px;
}
div#menu1 iframe { width: 100% !important; }

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
    padding: 2px !important;
    border: 2px solid #6b6a6a !important;
}
.photo-gallery-t {margin: 70px 0px 0 0; text-align: center; position: relative; color: #383737; font-family: 'Roboto', sans-serif; padding: 0px 0px 40px 0px; font-size: 42px;} 

.col-lg-12.img-gallery span { background: #4c4c4c; color: #fff; padding: 8px 16px; display: block; font-size: 16px; }
.img-gallery .gal-pic {
    padding: 15px;
    box-shadow: 1px 1px 11px #b3b1b1;
    margin-bottom: 15px;
}
.csr .media iframe { width: 100% !important; max-width: 100% !important; }

a.button.arrow {
    float: right;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    background: #f00;
    text-transform: uppercase;
    margin-right: 10px;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgb(239, 168, 80);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 99;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
a#return-to-top img { margin-left: 18px; margin-top: 16px;}
#return-to-top:hover {
     background: rgb(231, 33, 41);
   
}


.entry-content .table-responsive {
    max-width: 100%;
    margin: 20px auto 0 auto;
    background: #ffffff5c;
    box-shadow: 0px 0px 9px #d8d2d2;
}
.entry-content .table-responsive tr:first-child {
    background: #fbd554;
    font-size: 20px;
}
.entry-content .table.table.prime-tbl.table-bordered tbody tr:nth-child(2) {
    background: initial;
}
.txthere.txt5.col-md-5 .mi-con p {max-width: 100%;}
.txthere.txt5.col-md-5 { position: absolute; top: 1515px; right: 11%; width: 60%; }
.txthere p { font-size: 18px; }
.imghere.mil6.col-md-7 img { max-width: 190px; margin-top: -17px; }
.imghere.mil7.col-md-7 img { max-width: 370px; }
.imghere.mil4.mil-n.col-md-7 {top: 975px;left: 58%;position: absolute;}
.txthere.txt4.txt-n.col-md-5 { position: absolute; left: 154px; top: 964px; right: 67px;}
.imghere.mil4.col-md-7 {
    top: 1096px;
    left: 17%;
    position: absolute;
}

.award.about-us, .award { margin: 139px 0 80px 0px; }
.product.vison { margin: 140px auto 83px auto; }
.award.about-us.cert.policy { margin: 131px 0 80px 0px; }
div#main-content {margin: 139px 0 81px 0px;}
.contact-sec {margin-top: -15px; }
.img-gallery {margin-bottom: 80px;}
.video-gallery {  margin-bottom: 80px; }
div#primary { margin: 110px 0 0 0; }
.woocommerce div.product {margin: -36px 0px -32px 0 !important; }

@media (max-width: 991px){
.award.about-us img {
    padding: 20px 0px;
    max-width: 100% !important;
}
}

.ulc{
	text-decoration: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
	
}
.logo_m {
    display: none;
}

.award.about-us.recipe h1 { text-align: center; font-family: 'Roboto', sans-serif; color: #3c3a3a;}
.award.about-us.recipe h1::before { margin: 0 auto; right: 0; left: 0; bottom: 22px; }
.res_content {margin-top: 19px;}
.res_content .col-md-4 img { padding-top: 6px; }
.award.about-us.recipe .res_detail ul.aed { margin-bottom: 25px; }
.res_content { margin-top: 19px; padding: 0; margin-left: -9px; }
.award.about-us.recipe .res_detail ul.aed li { list-style: decimal; }


/* aman 05-12-2019 */

.award.about-us.recipe .res_detail ul.aed li {font-weight: 500;}
.award.about-us.recipe .res_detail ul.aed li { font-weight: 500; margin: 0; padding: 0 0 0 2em; text-indent: -1em; list-style-type: none; counter-increment: item; }
.award.about-us.recipe .res_detail ul.aed li::before { display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) "."; }
.award.about-us.cert {
    width: 90%;
}

section.ssp_frame.about_frame.abt_slide .car__3 {padding:40px; }
.entry-content .table-responsive tr td {width: 50%;}
.entry-content .table-responsive.table_three tr td { width: 32%; }
.dot.dot-5.Newzealand::after { left: -91px; top: 4px; }
.dot.dot-15.australia::after { left: -71px; top: 7px; }
.dot.dot-12.Marshall_Islands::after {left: -30px; top: -56px;}
.certificates .col-md-6 span { background: #4c4c4c; color: #fff; padding: 8px 16px; display: block; font-size: 16px; }
.certificates.row .cert_sec img {
    max-width: 100%; padding: 0;
}
.certificates.row .cert_sec { /* border: 1px solid; */ /* margin: 15px 0; */ box-shadow: 1px 1px 11px #b3b1b1; margin-bottom: 15px; background: #ffffff3d; }
.desk.myd { padding: 45px 0px; } padding need 60px 
.product.vison { padding-top: 53px; padding-bottom: 53px;}
 .award.about-us, .award { padding-top: 53px; padding-bottom: 53px; }
 .woocommerce div.product { padding-top: 52px; padding-bottom: 52px;}
 div#primary div#content {padding-top: 15px; }
 .career { padding: 53px 0px; }
 .contact-sec {padding: 41px 0px;}
  
.desk.myd ul.nav li.nav-item a {background: transparent;}
.product .table-responsive tr td { width: 50%; }
.woocommerce div.product {padding-bottom: 15px;}
.carouseller .carouseller__left, .carouseller .carouseller__right{z-index: 9;}
.txthere.txt2.mil2.col-md-5 {z-index: 9;} .award {min-width: 99% !important;}

/*****12-12-19*****/
.bodt-left-about { width: 50%;     float: left; text-align:center; background: url(../images/vision-bg.jpg) repeat top left;
    background-size: cover;  padding: 35px 0px;     min-height: 360px;     max-height: 360px;}	
.bodt-left-about p{float: left; text-align:center; color: #fff; line-height: 21px;}	
.bodt-left-about h4 {color: #fff;}	
.bodt-right-about2a { width: 50%; background: url(../images/misson-bg.jpg) repeat top left;
    background-size: cover;   float: left; text-align:center; padding: 35px 0px;     min-height: 360px;     max-height: 360px;}
.bodt-right-about2a p{float: left; text-align:center; color: #fff; line-height: 21px;} 
.bodt-right-about2a h4{ color: #fff;}
.product.vison {padding: 50px 0; }
.vm { margin-bottom: 50px; display: inline-block; width: 100%; }
.vm img { width: auto; background: none;     box-shadow: none;     max-width: 80px;}
.vm h4 { font-size: 19px; font-weight: 500; position: relative;}
.product h2::after{top: 51px;}
.vm h4::after { position: absolute; content: ""; height: 2px; width: 39px; background: #fdfdfda6; margin: 0 auto; left: 0; right: 0; bottom: -8px; } 

/*****07-04-19*****/
.imghere.mil4.col-md-7 .mi-img img {max-width: 300px;}
.txthere.txt4.col-md-5 {position: absolute;top: 1031px;right: 32px;top: 1236px;right: 173px;}
.imghere.mil5.col-md-7 {top: 1412px;}
.txthere.txt5.col-md-5 {position: absolute;top: 1466px;}
.imghere.mil6.col-md-7 {top: 1617px;left: 12%;}
.imghere.mil6.col-md-7 img {max-width: 170px;margin-top: 21px;}
.imghere.mil5.col-md-7 img {max-width: 335px;}
.txthere.txt6.col-md-5 {position: absolute;top: 1670px;}
.txthere.txt6.col-md-5 {position: absolute;top: 1670px;right: 0px;left: 36%;}
.imghere.mil7.col-md-7 {top: 1837px;left: 43%;position: absolute;}
.imghere.mil7.col-md-7 img {max-width: 289px;}
.txthere.txt7.col-md-5 {position: absolute;top: 1921px;right: -117px;left: 23%;width: 300px;}
.imghere.mil18.col-md-7 {position: absolute;width: 100%;top: 1868px;}
.imghere.mil18.col-md-7 {position: absolute;width: 100%;top: 2002px; left: 78%;width: 200px;}
.imghere.mil18.col-md-7 img {left: 90%;width: 100%;}
.txthere.txt18.col-md-5 {position: absolute;top: 2035px;left: 43%;}
.txthere.txt6.col-md-5 .mi-con {width: 700px;}
.txthere.txt18.txt19.col-md-5 {top: 2179px;left: 13%;}
.imghere.mil18.mil19.col-md-7 {top: 2176px;left: 65%;}
.mi-con {color: red;}
.txthere p {font-size: 18px;color: #403f3f;font-size: 18px;}
.mi-con {color: red;font-size: 22px;font-weight: 500;}

.imghere.mil4.col-md-7 .mi-img img { max-width: 260px; }
.imghere.mil5.col-md-7 {    top: 1375px;}
.txthere.txt5.col-md-5 { position: absolute; top: 1425px; }
.imghere.mil5.col-md-7 img { max-width: 317px; }
.imghere.mil6.col-md-7 img { max-width: 148px; margin-top]: -7px; }
.imghere.mil7.col-md-7 { top: 1809px; left: 39%; position: absolute; }
.imghere.mil7.col-md-7 img { max-width: 234px; }
.txthere.txt7.col-md-5 { position: absolute; top: 1833px; right: 0; left: 66%; width: 300px; }
.txthere.txt18.col-md-5 { position: absolute; top: 2001px; left: 23%;}
.txthere.txt18.col-md-5 .mi-con { width: 594px; }
.imghere.mil18.mil19.col-md-7 { top: 2223px; left: 65%; }
.txthere.txt6.col-md-5 { position: absolute; top: 1638px;}
.txthere.txt18.txt19.col-md-5 { top: 2226px;}

.imghere.mil4.col-md-7 { top: 1106px; left: 12%; position: absolute; }
.txthere.txt4.col-md-5 { position: absolute; top: 1031px; right: 32px; top: 1158px;}
.imghere.mil3.col-md-7 .mi-img img {    width: 330px;}
.imghere.mil3.col-md-7 { left: 68%;}
.txthere.txt3.col-md-5 { left: 44%; top: 739px;}
.imghere.mil4.mil-n.col-md-7 { top: 965px; left: 63%;}
.txthere.txt4.txt-n.col-md-5 {width: 53%; }
.txthere.txt4.txt-n.col-md-5 { position: absolute; left: 114px;}
.txthere.txt4.col-md-5 { position: absolute; top: 1031px; right: 0; top: 1161px; left: 39%; }

/* My CSS */
.bgaward {
	background: url('/new-images/bg-award.jpg') no-repeat center center;
	clear: both;
	float: left;
	width: 100%;
	text-align: center; 
	padding: 40px; clear: both;
z-index: 99;
position: relative; background-size: cover;
}
.bgaward ul {
	margin-top: 19px;
	display: flex;
	justify-content: center;
}
.bgaward ul li img {
	max-width: 100%;

}
.bgaward ul {
  margin-top: 19px;
  display: flex;
  justify-content: center; flex-wrap: wrap;
}
.bgaward ul li {
	width: 15%;
	float: left;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	background: #fff;
	margin: 2%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bgaward h3 {font-size: 26px;}
.ssp_frame h3{color: #444;}
.ssp_frame p{color: #000;}
.servc_caption h4 {color: #333;}
#two .carouseller__list .car__3:nth-child(1), #two .carouseller__list .car__3:nth-child(1) .servc_caption{background:#fddca9; text-align:center;}
#two .carouseller__list .car__3:nth-child(2), #two .carouseller__list .car__3:nth-child(2) .servc_caption{background:#e4fdd2; text-align:center;}
#two .carouseller__list .car__3:nth-child(3), #two .carouseller__list .car__3:nth-child(3) .servc_caption{background:#f7dae3; text-align:center;}
#two .carouseller__list .car__3:nth-child(4), #two .carouseller__list .car__3:nth-child(4) .servc_caption{background:#f9f6ca; text-align:center;}
.carouseller .carouseller__left, .carouseller .carouseller__right{background: #cb6b0d !important;}
.fade.active.show{opacity: 1;}
#pills-home li {list-style: none;}
.xplore-bg {
	background: url('/new-images/bgx.png') no-repeat center center;
	clear: both;
	float: left;
	width: 100%;
	padding: 49px 0px 21px 0px;
	margin-bottom: 60px; background-size: cover;
}
.xplore-bg p {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 15px;
	color: #fff;
	text-align: center;
	margin: 0 auto 19px auto;
	width: 100%;
	max-width: 700px;
	font-family: 'Roboto', sans-serif;
}
.xplore-bg h3 {
  font-size: 26px;
  color: #fff;
}
.xplore-bg .ssp_frame {
	margin: 0;
	padding: 0;
	padding-bottom: 60px;
}
.xplore-bg #pills-tab {
	text-align: center;
	margin: 0 auto;
	justify-content: center;
	margin-top: 18px;
}
.xplore-bg #pills-tab li button.active {
	background: #ea7c10;
	padding: 7px 20px;
	font-size: 14px;
	border-radius: 30px;
	border: 2px solid #fff;  color: #fff;
}

.xplore-bg .car__3 img {
	text-align: center;
	margin: 0 auto;
	padding: 11px 19px 0 19px; max-width: 100%;
}
.xplore-bg #pills-tab li button {
  background: #fff;
  padding: 7px 20px;
  font-size: 14px;
  border-radius: 30px;
  border: 2px solid #fff;
  color: #333;
  margin: 0 5px;
  font-weight: 500;
}
.list-wrapper .box_sha {
  width: 92%;
  height: auto;
  float: left;
  position: relative;
  background: #fff;
  margin: -60px 15px 20px 15px;
  padding: 22px;
  box-shadow: 0px 3px 8px #bdbdbd;
  min-height: 200px;
  max-height: 200px;
}
.list-wrapper .box_ima_sh {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0;
}
.list-wrapper .box_sha h1 {
	text-transform: uppercase;
	font-size: 16px;
	color: #e50603;
	margin: 0px;
	height: 34px;
	overflow: hidden;
	font-weight: bold;
}
.list-wrapper .ajay {
	max-height: 60px;
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
}
.list-wrapper span {
	float: left;
	text-align: center;
	width: 100%;
}
.list-wrapper .ajay p {
	font-size: 14px;
}
.blog h3 {
	font-size: 32px;
	text-align: center;
	margin-bottom: 27px;
}	
.Social5 .fb h4 {
	color: #fff;
	background: #b22b30;
	padding: 13px 10px;
	border-radius: 9px;
	margin-bottom: 0;
	font-size: 17px;
}
.Social5 {
	margin: 60px auto;
}
.Social5 .fb {
  background: #fff;
}
.fb img {
	max-width: 100%;
}
.carousel_frame img {
	width: 100%;
}
#two {border-top: 4px solid #0f0f0f0f;}
#pills-tabContent li {
    list-style: none;
    height: auto;
    min-height: 300px;
}
a{text-decoration:none;}
@media only screen and (max-width: 600px) 
{
    .products-revamp ul li {
	max-width: 194px;
	border: 1px solid #e6fbff;
	width: 142px;
	margin-bottom: 15px;
	padding: 15px 0;
}
	.bgaward ul li {width: 45%;	margin: 5px;padding: 5px;}
	.xplore-bg{background-size: cover;}
	.xplore-bg #pills-tab li button{margin: 5px 5px;}
	.xplore-bg .car__3 img {text-align: center; margin: 0 auto;	padding: 0% 22%;	max-width: 100%;}
}
#ytpl_112 {
    margin-bottom: 40px;
    display: none;
}


/* CSS */
.pro_inn li.top-level-link {
    position: absolute;
    top: 11px;
    list-style: none;
}
.pro_inn li.top-level-link a.on_hov_08 {
    background: #e72129 !important;
    color: #fff !important;
}         



.products-revamp {margin-top: 118px;}
.products-revamp ul li {
	width: 143px;
	text-align: center;
	margin: 0 auto;
	background: white;
	margin: 5px;
	box-shadow: rgba(154, 220, 240, 0.35) 0px 5px 15px;
	padding: 13px 0px;
	border: 1px solid #e6fbff; min-width: 135px;
}
.products-revamp ul li a {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.products-revamp ul li img {
	width: auto;
	display: block;
	text-align: center;
	max-width: 125px;
	margin: 0 auto;
}
.products-revamp ul li span {
	color: #262626;
	font-size: 14px;
	margin-top: 1px;
	display: block;
}
.products-revamp h2 {
	text-align: center;
	color: #e62129;
	margin: 24px;
	display: block;
	font-size: 23px;
}
.products-revamp ul {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.products-revamp ul li.active{position:relative;}
.products-revamp ul li.active::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ee8c00;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: -15px;
}
.cat-all ul li img {
	width: 45px;
	margin-bottom: 12px;
}
.cat-all ul li {
	padding: 27px 14px;
	border-radius: 50%;
}
.cat-all ul li.active{position:relative;}
.cat-all ul li.active::before{content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ee8c00;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: -15px;}
	
	

.product-list .products.columns-3 li {
	width: 28%;
	text-align: center;
	/* background: url('images/bb.png') no-repeat center center; */
	background-size: 100%;
	margin-bottom: -15px;
	float: left;
	cursor: pointer;
	position: relative;
	/*border: 4px solid #ffd5a0;*/
	margin: 1%;
	padding: 0px;
	border-radius: 15px;
	margin-bottom: 45px;transition: all ease .5s
}

.product-list .products.columns-3 li:hover{margin-top: -5px;transition: all ease .5s}

.product-list .product h2::after{display: none;}
.product-list .products.columns-3 li img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 9px;
	/* min-width: 217px; */
}
.products.columns-3 h2 {
	font-size: 17px !important;
	padding-top: 0;
	color: #333;
	position: absolute;
	bottom: -59px;
}
.product-list {
	margin-top: 30px;
}
.products.columns-3 {
	margin-top: 30px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 1 !important;
}
.testpopup.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0,-50px);
	margin-top: 130px;
	box-shadow: rgba(221, 215, 179, 0.55) 0px 5px 15px;
	padding: 13px 0px;
	/* border: 1px solid #e6fbff; */
}
.testpopup .modal-dialog {
    max-width: 800px;
 }
 
.testpopup.modal.fade .close {
	position: absolute;
	right: -13px;
	height: 40px;
	width: 40px;
	background: #e72129;
	opacity: 1;
	border-radius: 50%;
	top: -9px;
	color: #fff;
	z-index: 9999;
}
.modal-open {
	overflow: hidden;
	background: #3535355e;
	z-index: 9999;
	position: relative;
}
#exampleModal {
	background: #bbb7b7 !important;
}
.modal-content {
	border-radius: 15px;
}
#exampleModal .modal-content {
	border-radius: 12px;
}

.available span:first-child {
	background: transparent;
	color: #2b2a2a;
	text-align: left;
	padding: 0;
	margin-right: 13px;
	font-size: 15px;
	font-weight: 500;
}
.available span {
	background: red;
	padding: 8px 19px;
	color: #fff;
	font-size: 13px;
	border-radius: 6px;
}
.mbody h2 {
	color: #333;
	font-size: 21px;
}
.mbody p {
	font-size: 14px;
	color: #333;
	margin-bottom: 30px;
	margin-top: 18px;
}
.cart-arrow {
	margin-top: 34px;
	text-align: center;
}
.buynow {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.buynow {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 19px;
	padding-bottom: 11px;
}
.modal-body.mbody {
	padding: 32px 11px;
}

.modal-body.mbody .carousel-control-prev {
	background: #bb3a3f;
	height: 43px;
	top: 50%;
	width: 42px;
	left: 0;
	opacity: 1;
	border-radius: 12px;
	font-size: 11px;
}

.modal-body.mbody .carousel-control-next {
	background: #bb3a3f;
	height: 43px;
	top: 50%;
	width: 42px;
	right: 0;
	opacity: 1;
	border-radius: 12px;
	font-size: 11px;
}

.modal-body.mbody .carousel-item .col-md-4 img {
	background: #fbf6f6;
	padding: 39px;
	border-radius: 11px;
	border: 2px solid #e1e1e1;
}

@media only screen and (min-width: 320px) and (max-width: 500px)
{
	.products-revamp ul li {
	max-width: 194px;
	border: 1px solid #e6fbff;
	width: 142px;
	margin-bottom: 15px;
	padding: 15px 0;
}
	.products-revamp {margin-top: 10px; margin-left: -20px;	}
	.products-revamp ul {flex-wrap: wrap;}
	.products-revamp ul li{width: 27%;}
	.products-revamp ul li img{max-width: 84px;}
	.products-revamp ul li span{font-size: 13px;}
	.cat-all ul li {
    width: 14%;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    border: 0;
}
.cat-all ul li.active::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ee8c00;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: -15px;
}
.products-revamp ul li.active::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #ee8c00;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: -15px;
}
.cat-all ul li img {
    width: 35px;
    margin-bottom: 12px;
}
.product-list .products.columns-3 li{width: 46%;}
.products.columns-3 h2 {
    font-size: 13px !important;
    padding-top: 0;
    color: #333;
    position: absolute;
    bottom: -54px;
}
.testpopup .modal-dialog {
    max-width: 100%;
}
.modal-body.mbody .carousel-item {
    margin: 0 auto;
    text-align: center;
}
.testpopup.modal.fade .modal-dialog{margin-top: 115px;}
.modal-body.mbody .carousel-item .col-md-4 img {
    background: #fbf6f6;
    padding: 39px;
    border-radius: 11px;
    max-width: 155px;
}
.modal-body.mbody .carousel-control-next, .modal-body.mbody .carousel-control-prev{    top: 24%;}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    margin-right: 24px;
}
.available span {
    background: red;
    padding: 8px 12px;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
}
.col-md-12.product-list .products.columns-3{margin-left: -17px;}

}
.testpopup .modal-dialog {
	max-width: 66% !important;
	width: 892px;
}